ExtJS面板

面板的定义与多种面板的区别
一、Panel
var panel = new Ext.Panel({ //普通面板
...
});

二、TabPanel
var panel1= ...;
var panel2= ...;
var panel3= ...;
var tabPanel = new Ext.TabPanel({//面板里，又以tab方式展示
...
item:[panel1,panel2,panel3]
});

三、GridPanel
表格面板
var cm = new Ext.grid.ColumnModel([
{header:'品牌',dataIndex:'brand',width:100,sortable:true}
,{header:'型号',dataIndex:'type',width:100,hidden:true,sortable:true}
,{header:'数量',dataIndex:'count',width:100,sortable:true}
,{header:'比例',dataIndex:'radio',width:100,sortable:true}
]);
注：hidden:true 表示默认不显示。


四、TreePanel