`
xnk9499
  • 浏览: 38619 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

ExtJS TextField加入按钮并添加事件

阅读更多
加入按钮:

{
{
xtype :'textfiled',
fieldLabel : '地址',
name : 'addresses[0].address',
listeners : { 
                    render : function(obj) {
                        var t=document.createTextNode('地址');
                        var btn=document.createElement('BUTTON');
                        btn.setAttribute("id","addressSelectBtn");
                        btn.setAttribute("type","button");
                        btn.appendChild(t);                       
                        obj.el.dom.parentNode.appendChild(btn); 
                } 
	 }
}

通过以上方法加入按钮后,如果想加入事件,就要考虑到浏览器兼容问题。
Firefox addEventListener,IE attachEvent。
而最后,还会导致窗体错乱。

幸好Ext提供Ext.fly方法。
然后,通过Ext.fly取得到此按钮,之后。通过on设定事件。

var addressSelectBtn =Ext.fly('addressSelectBtn');

addressSelectBtn.on('click',function(){
CreateAddressSelectForm(addressInfo.getValue())
});

后方加入文字说明,那更简单了。。
分享到:
评论

相关推荐

    extjs2----关于extjs 的使用,操作

    ExtJS 是一个强大的JavaScript库...随着技术的发展,现在的ExtJS已经更新到了更高级别的版本,例如ExtJS 7.x,加入了更多现代Web开发特性,如响应式设计、Material Design风格等,但其核心设计理念和组件模型依然适用。

    精通JS脚本之ExtJS框架.part2.rar

    本书共分17章,分别介绍了JavaScript的对象编程、JavaScript浏览器对象模型和事件机制、ExtJS的核心类库和组件、ExtJS的事件处理方式、设计进度条、设计工具栏和菜单栏、设计面板、设计表格、设计表单、设计数据表、...

    ExtJS增删改查

    - 可以通过创建新的记录并将其插入到指定位置来实现添加操作: ```javascript function addData() { var r = new Record({ test: '随便举个例子' }); var n = grid.getStore().getCount(); grid....

    精通JS脚本之ExtJS框架.part1.rar

    本书共分17章,分别介绍了JavaScript的对象编程、JavaScript浏览器对象模型和事件机制、ExtJS的核心类库和组件、ExtJS的事件处理方式、设计进度条、设计工具栏和菜单栏、设计面板、设计表格、设计表单、设计数据表、...

    extjs帮助文档pdf版

    - **用途**:提供了一个统一的入口来访问 ExtJS 库的功能,如创建组件、管理事件等。 - **常用方法**: - `Ext.create()`: 创建一个组件实例。 - `Ext.getCmp(id)`: 根据组件 ID 获取组件实例。 - `Ext.each()`: ...

    EXT详解.pdf 好资料

    - **定义新组件**: 继承现有组件并添加新的特性或覆盖原有方法。 #### 11. EXT的布局(Layout) - **布局管理器** 是EXT的一个重要特性,用于自动调整UI组件的大小和位置。 - **简单的例子**: 创建一个简单的布局...

    EXT 中文手册

    - **应用场景**:在实际开发中,经常需要批量获取DOM元素进行操作,如改变样式、添加事件监听器等。 #### 五、响应事件 - **事件绑定**:EXT提供了多种方式来绑定事件,包括直接绑定在Element上或者通过组件API等...

Global site tag (gtag.js) - Google Analytics