Ext Designer 是一个生成Javascript 代码的桌面程序
这些代码基于 Ext JS 库,描述了浏览器客户端界面
它的作用相当于 Visual Studio 的资源编辑器
新手一般都不知道 Ext Designer 生成的代码怎么用,下面给出一个具体的例子
添加对 Ext JS 库的引用
注意路径必须使用正确的相对路径
[紫色部分] 2
添加一个Javascript 块
把 Ext Designer 生成的代码粘贴过来
添加红色的代码
在 body 中添加占位符代码,注意 div 的id 必须和 renderTo 的值一样
【绿色部分】 ExtJS Ext
onReady(function () { MyTabsUi = Ext
extend(Ext
TabPanel, { renderTo: "placeholder", activeTab: 2, width: 400, height: 250, initComponent: function() { this
items = [ { xtype: 'panel', title: 'Tab 1', items: [ { xtype: 'textarea', fieldLabel: 'Label', width: 399, height: 222 } ] }, { xtype: 'panel', title: 'Tab 2', items: [ { xtype: 'listview', columnSort: false, columns: [ { xtype: 'lvcolumn', header: '名称&