extjs panel练习

最新推荐文章于 2018-08-04 18:02:13 发布

原创最新推荐文章于 2018-08-04 18:02:13 发布 · 108 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#EXT

ajax相关专栏收录该内容

11 篇文章

订阅专栏

本文介绍了一个使用ExtJS创建面板的应用示例，展示了如何通过代码实现面板的创建、工具图标添加、按钮事件处理及面板布局更新等功能。同时涉及了面板中元素的动态添加与移除。

Ext.onReady(function(){
	var pan=new Ext.Panel({
		title:"my panel",
		width:600,
		height:600,
		//添加工具图标
		tools:[{id:"save"},{id:"print",handler:function(){window.print();}}],
		tbar:[{text:"设备详情",handler:function(){
			pan.add({title:"this is new panel"});
			//此语句意思为重新布局面板，当动态添加面板时必须使用该方法
			alert("running here");
//			pan.dolayout();
			pan.doLayout();
			pan.remove("p3")
		}},{text:"设备数量"}],
		bbar:[{text:"上一页"},{text:"下一页"}],
		buttons:[{text:"确定"},{text:"取消"}],
		items:[{id:"p3",title:"this is other panel",width:200,height:300}]
	});
//	pan.render("div1");
	pan.render(document.body);
});

需注意字符大小写