Ext通过按钮创建一个Window实例代码

/**
 * 实例描述:通过点击按钮单开一个窗口,需要避免重复打开
 */
Ext.onReady(function() {

			// 获取到的是通过EXt包装过的dom对象,原始对象是btm.dom alert(btn.dom.value)
			// jquery code var btn = $('#btn'), btn[0].value
			var btn = Ext.get("btn");
			
			   //方法一 使用模态属性
			   btn.on("click",function(){Ext.create("Ext.window.Window",{
			   title:'窗体', height:400, width:300, layout:'fit', //模态窗体
			   modal:true, //窗体中的内容,html内容 html:'点击按钮打开窗体', //渲染的哪个地方
			   renderTo:Ext.getBody() }).show()})
			   
			 
			
			
			// 方法二, 定义一个id,因为所有的组件都可以通过Ext的getCmp获取
			btn.on("click", function() {
						if (!Ext.getCmp("win")) {
							Ext.create("Ext.window.Window", {
										id : 'win',
										title : '窗体',
										height : 400,
										width : 300,
										layout : 'fit',
										// 窗体中的内容,html内容
										html : '点击按钮打开窗体2',
										// 渲染的哪个地方
										renderTo : Ext.getBody()
									}).show()
						}
					})

		
      //方法三: 先定义一个组件,通过事件调用组件的show() 方法
	 var win=Ext.create("Ext.window.Window", {
										id : 'win',
										title : '窗体',
										height : 400,
										width : 300,
										layout : 'fit',
										//关闭事件只是隐藏窗体
										closeAction:'hide',
										// 窗体中的内容,html内容
										html : '点击按钮打开窗体2',
										// 渲染的哪个地方
										renderTo : Ext.getBody()
									});
	btn.on('click',function(){
	    win.show();
	})

})

你可能感兴趣的:(jquery,ext,javascript,javaweb,javascript)