Ext学习二

来源：互联网发布：武林外传排名知乎编辑：程序博客网时间：2024/04/30 06:12

1、TabPanel

<script>Ext.onReady(function(){var panel = new Ext.TabPanel({renderTo : Ext.getBody(),width : 300,height : 200,activeTab : 0, //当前活动tabitems : [new Ext.Panel({title : "面板1",heigth : 30,html : "first TabPanel"}),new Ext.Panel({title : "面板2",height : 30,html : "second TabPanel"}),new Ext.Panel({title : "面板3",height : 30,html : "third TabPanel"})]});});  </script>

2、Panel

<script>Ext.onReady(function(){var panel = new Ext.Panel({renderTo : Ext.getBody(),title : "",width : 600,height : 200,html : "<h1>面板住区域</h1>",tbar : [{text : "顶部工具栏topToolbar"}],bbar : [{text : "底部工具栏bottomToolbar"}],buttons : [{text : "按钮位于footer"}]});});  </script>

3、xtype : "htmleditor"

<script>Ext.onReady(function(){var panel = new Ext.Panel({renderTo : Ext.getBody(),title : "",width : 600,height : 500,items : [{xtype : "htmleditor",width : 600,height : 500,fieldLable : "内容",blankText : "请填写内容！",enableLinks : true, //显示链接按钮enableLists : true, //显示lists排序按钮//value : Ext.util.Format.htmlDecode('<FONT color=#ff0000><U><EM>22</EM></U></FONT>'), anchor : "98%"}]});});  </script>