加入按钮:
{
{
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())
});
后方加入文字说明,那更简单了。。
分享到:
相关推荐
ExtJS 是一个强大的JavaScript库...随着技术的发展,现在的ExtJS已经更新到了更高级别的版本,例如ExtJS 7.x,加入了更多现代Web开发特性,如响应式设计、Material Design风格等,但其核心设计理念和组件模型依然适用。
本书共分17章,分别介绍了JavaScript的对象编程、JavaScript浏览器对象模型和事件机制、ExtJS的核心类库和组件、ExtJS的事件处理方式、设计进度条、设计工具栏和菜单栏、设计面板、设计表格、设计表单、设计数据表、...
- 可以通过创建新的记录并将其插入到指定位置来实现添加操作: ```javascript function addData() { var r = new Record({ test: '随便举个例子' }); var n = grid.getStore().getCount(); grid....
本书共分17章,分别介绍了JavaScript的对象编程、JavaScript浏览器对象模型和事件机制、ExtJS的核心类库和组件、ExtJS的事件处理方式、设计进度条、设计工具栏和菜单栏、设计面板、设计表格、设计表单、设计数据表、...
- **用途**:提供了一个统一的入口来访问 ExtJS 库的功能,如创建组件、管理事件等。 - **常用方法**: - `Ext.create()`: 创建一个组件实例。 - `Ext.getCmp(id)`: 根据组件 ID 获取组件实例。 - `Ext.each()`: ...
- **定义新组件**: 继承现有组件并添加新的特性或覆盖原有方法。 #### 11. EXT的布局(Layout) - **布局管理器** 是EXT的一个重要特性,用于自动调整UI组件的大小和位置。 - **简单的例子**: 创建一个简单的布局...
- **应用场景**:在实际开发中,经常需要批量获取DOM元素进行操作,如改变样式、添加事件监听器等。 #### 五、响应事件 - **事件绑定**:EXT提供了多种方式来绑定事件,包括直接绑定在Element上或者通过组件API等...