Ext通过按钮创建一个Window实例代码
2015-08-04 23:48
543 查看
/** * 实例描述:通过点击按钮单开一个窗口,需要避免重复打开 */ 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(); }) })
相关文章推荐
- IIS下安装PHP
- eclipse 常用设置,常用快捷键修改
- Leap Motion的环境配置(使用c#)
- java内部类学习笔记
- C#中[],List,Array,ArrayList的区别于应用
- spring rabbitmq 动态绑定exchange,routingkey,queue
- Java接口学习总结
- 阻塞队列自定义实现 in Java
- python3 urllib使用1
- [2015-08-04] python015
- C++中max_element和min_element
- svn服务器创建并提交代码
- 初窥Python(二)——修改pip源
- 【JAVA】final修饰Field
- Ruby
- 一个java老菜鸟的而立之感(一)
- Spring 中设置依赖注入
- 阻塞队列自定义实现 in Java
- 【转】GITHUB 使用
- JAVA中的重载和重写