Ext学习二

1、TabPanel

<script>
	Ext.onReady(function(){
		var panel = new Ext.TabPanel({
			renderTo : Ext.getBody(),
			width : 300,
			height : 200,
			activeTab : 0, //当前活动tab
			items : [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>