投放本站广告请联系: extjscn#126.com
第一个要接触的就是面板这个组件，它是构建一个页面最基础的组件，其他的内容都要显示在这个面板中。 在上一篇中，我们就已经拿面板为例，介绍了创建组件的方法。这里再把创建面板的代码重复一下：
var panel = Ext.create('Ext.Panel', { fullscreen: true, id: 'myPanel', style: 'color:red', html: '一个简单的示例面板' });
有问题的话可以参考之前的博客。
了解了大致的Sencha Touch框架之后，我们就可以在其中进行代码的编写了。只要上一篇的内容都按部就班的做了，接下来要做的就是慢慢学这个框架，按照内容敲代码—看结果，基本没有什么过不去的地方。
首先跟上次一样，建立index.html文件和对应的app.js文件。用Sencha Touch搭建的移动web应用，app.js的内容框架大致如下：
这里希望通过我自己的学习经历，给大家写出最通俗，最方便的HTML5框架使用指南。
2016年，更加关注移动web应用相关开发，重心也放到了基于HTML5的移动app开发。从今天开始将展开Sencha Touch的学习之旅。
Sencha Touch是一款移动web应用开发框架，界面美观，接近原生。
万事开头难，今天我们先来进行文件下载和开发环境的配置。
JavaScript不需要编译即可运行，这让JavaScript构建的应用程序可以变得很灵活。我们可以根据需要动态从服务器加载JavaScript脚本来创建和控制UI来与用户交互。下面结合Ext JS来说明如何从服务器上动态加载JS脚本来动态创建窗体。
项目结构如下：其中GetJSUI一般处理程序用来从数据库表中抓取UI配置，并返回到客户端；Contents文件夹下用HTML文件和JS库等。
最近由于业务需要，研究了一下Sencha ExtJS 6 ，虽然UI和性能上据相关资料说都有提升，但是用起来确实不太顺手，而且用Sencha cmd工具进行测试和发布，很多内部细节都是隐藏的，出了问题不好跟踪。更奇葩的是明明在sencha app watch上运行很好，但是sencha app build后会出现异常。即使是这样，但Sencha ExtJS 6 在UI控件和编程模式上确实比较强大。下面介绍一个 Widget Grid 用法，可以在表格grid中进行列样式渲染，是一个比较强大的功能：
