Ext JS学习第五天 Ext_window组件（二）

此文用来记录学习笔记

•上一讲我们已经学过了window的使用，那么在这将中，我们将结合然后把Ext中需要注意的地方，以及组建的使用给予介绍。indow做几个Web开发的经典示例.

•ExtWeb实战300例：

–例1:点击按钮打开一个window，window重复创建的问题

•重点分析：这个问题是初学者经常会犯错的地方，一般来说简单的代码不会产生此问题，但是如果以后代码复杂以后，这个问题如果发生调试起来会非常麻烦！！

附上栗子代码

 1 Ext.onReady(function () {
 2
 3     //ex001:点击一个按钮 ,打开一个新的窗体 window重复创建的问题
 4     //第一种实现
 5     //JQuery code: var btn = $('#btn'); var dombtn = btn.get(0);
 6     var btn = Ext.get('btn');        //这个元素是经过Ext包装的一个Ext的Dom对象//alert(btn.dom.value);
 7     btn.on('click', function () {
 8         if (!Ext.getCmp('mywin')) {
 9             Ext.create('Ext.window.Window', {
10                 id: 'mywin',        //如果你给组件加了一个id  那么这个组件就会被Ext所管理
11                 title: '新窗体',
12                 height: 300,
13                 width: 400,
14                 renderTo: Ext.getBody() //,
15                 //modal:true
16             }).show();
17         }
18     });
19
20
21 });

 1 Ext.onReady(function () {
 2
 3     //ex001:点击一个按钮 ,打开一个新的窗体 window重复创建的问题
 4     //第二种实现
 5         var win = Ext.create('Ext.window.Window',{
 6                     title:'新窗体' ,
 7                     height:300 ,
 8                     width:400 ,
 9                     renderTo:Ext.getBody() ,
10                     closeAction:'hide'  //closeAction默认是destroy
11         });
12
13         Ext.get('btn').on('click',function(){
14                 win.show();
15         });
16
17 });

学习之余可以提高一下文学修养www.fishcmonkey.com

转载于:https://www.cnblogs.com/lisr/p/3928252.html

Ext JS学习第五天 Ext_window组件（二）相关推荐

使用Ext JS，不要使用页面做组件重用，尽量不要做页面跳转
2019独角兽企业重金招聘Python工程师标准>>> 使用Ext JS,不要使用页面做组件重用,尽量不要做页面跳转今天,有人请教我处理办法,问题是: 一个Grid,选择某条记录后 ...
Vue.js 学习笔记五常用的事件修饰符
介绍几个常用的事件修饰符直接上代码 <div id="divApp"><div class="divColor" v-on:click=&q ...
Vue.js 学习笔记四用一，二，三的知识做个跑马灯
做个简单的跑马灯效果页面定义2个按钮,绑定2个方法. <div id="divApp"><input type="button" value ...
EXt js 学习笔记总结
1. get . fly. getCmp .getBody .getDoc .getDom.. get-----ExtJs获取节点.dom.提供缓存机制 Ext.Element类是Ext对DO ...
Vue.js学习笔记 02、Vue组件篇笔记
文章目录前言一.全局组件子组件应用组件优点:组件的可复用性全局组件缺点描述二.局部组件创建与注册局部组件(认识components属性) 局部组件的默认规定(组件名称首字母全都大写) 三 ...
vue 父链和子组件索引_Vue.js 学习笔记第7章组件详解
组件(Component)是Vue.js最核心的功能,也是整个框架设计最精彩的地方,当然也是最难掌握的. 本章将带领你由浅入深地学习组件的全部内容,并通过几个实战项目熟练使用Vue组件. 7.1 组件 ...
Ext JS学习第十六天事件机制event（一）
此文用来记录学习笔记: 休息了好几天,从今天开始继续保持更新,鞭策自己学习今天我们来说一说什么是事件,对于事件,相信你一定不陌生, 基本事件是什么?就类似于click.keypress.focus. ...
Ext JS学习第二天我们所熟悉的javascript（一）
此文用来记录学习笔记: •ExtJS是一个强大的javascript框架,如果想真正的掌握ExtJS,那么我们必须要对javascript有一定的认识,所以很有必要静下心来,抱着一本javascrip ...
EXT.JS 学习笔记
store.loadData() loadData(object data, [Boolean append])从本地JavaScript变量中读取数据,append为true时,将读取的数据附加到原 ...

Ext JS学习第五天 Ext_window组件（二）

Ext JS学习第五天 Ext_window组件（二）相关推荐

最新文章

热门文章