ext的itemselector在窗口中,就第一次打开窗口时双击管用,第二次及以后打开窗口时双击不管用,求解决方法!
以下为代码:
//用户角色关系表单
var userRoleForm = new Ext.form.FormPanel({
width:500,
bodyStyle: 'padding:10px;',
items:[{
id:'userRoleForm',
xtype:"itemselector",
name:"userRoleForm",
hideLabel:true,
dataFields:["id", "name"],
toStore:userRoleDSOfRight,
msWidth:200,
msHeight:300,
valueField:"id",
displayField:"name",
imagePath:ctx + "/commons/lib/ExtJS/images/",
toLegend:"已选角色",
fromLegend:"角色",
fromStore:userRoleDSOfLeft,
fromTBar:[{
xtype:'textfield',
name:'searchRS',
id:'searchUserRole'
},{
text:'查询',
handler:function(){
var a = userRoleDSOfLeft;
userRoleDSOfLeft.filter('name',Ext.get('searchUserRole').dom.value,true,false);
}
}],
toTBar:[{
text:"清空",
handler:function(){
var i=userRoleForm.getForm().findField("userRoleForm");
i.reset.call(i);
}
}]
}]
});
//弹出窗口
var userRoleWin = new Ext.Window({
title : '分配用户角色',
autoScroll : true,
width : 500,
height : 420,
closeAction : 'hide',
layout : 'fit',
modal : true,
draggable:false,//不可拖拽
resizable:false,//设置窗口大小不可改变
closable:false,
buttonAlign:'center',
items : userRoleForm,
buttons: [{
text: '保存',
handler: function(){
if(userRoleForm.getForm().isValid()){
userRoleForm.getForm().submit({
url:"../user/saveUserRole",
method:"POST",
params:{userId:userId},
success: function(form, action){
var i=userRoleForm.getForm().findField("userRoleForm");
i.reset.call(i);
userRoleWin.destroy();
userRoleForm.destroy();
Ext.Msg.alert("提示", action.result.errors);
},
failure:function(form, action) {
Ext.Msg.alert("错误", action.result.errors);
}
});
}
}},{
text:'关闭',
handler:function(){
var i=userRoleForm.getForm().findField("userRoleForm");
i.reset.call(i);
userRoleWin.destroy();
Ext.getCmp("userRoleForm").destroy();
}
}]
});
相关推荐
7. **代码示例和使用方法**:博客可能会提供完整的代码示例,展示如何在实际项目中使用这个自定义的ItemSelector控件,并解释如何初始化和配置它。 8. **调试和测试**:创建自定义组件后,测试和调试是必不可少的...
这个组件通常用于实现用户界面中的双列表选择功能,例如在创建一对多或一对一关系时,让用户能从两边的列表中分别选择元素。然而,根据描述,原生的 `itemselector` 在 4.2 版本中可能存在一些问题,特别是它只有 `...
模仿Ext4实现ItemSelector,在Rally App开发中虽然是Ext4,但ux包下面的对象被阉割了 所以手动实现了一个,布局和组件化方面还有待改进。
在EXT框架中,"多选下拉框"是一种常见的组件,它允许用户在下拉列表中选择多个选项,而不是仅限于单选。 在EXT中实现多选下拉框,主要涉及到EXT的`ComboBox`组件和`multiSelect`配置项。`ComboBox`是一个灵活的输入...
在本文中,我们将深入探讨Ext.Net框架中的几个关键控件及其属性,包括ExtPanel、Resizable、GridPanel、TreeNode以及Store和ComboBox。这些控件在构建富客户端Web应用程序时扮演着重要角色。 首先,让我们来看看Ext...
displayMsg:'本页显示第{0}条到第{1}条的记录,一共{2}条。', emptyMsg:'没有记录' }); //有参数的分页 Ext.PagingToolbar.prototype.doLoad=function(start){ findParams.start = start; this.store....
在IT行业中,Ext JS是一个广泛使用的JavaScript库,用于构建富客户端Web应用程序。它提供了一套完整的组件模型,包括各种UI控件,如表格、表单、树形视图等。在Ext JS中,Combobox(下拉框)是常用的一种组件,它...
### 解决ExtJS桌面图标换行方法 #### 知识点概述 本文档将详细介绍如何在ExtJS框架中实现桌面图标的自动换行功能。在许多应用中,特别是在模仿桌面环境的应用程序中,桌面图标(通常称为快捷方式)的布局至关重要...
在EXTJS这个强大的JavaScript框架中,事件处理和模板机制是两个至关重要的概念,它们极大地提升了开发者构建用户界面的效率和代码的可维护性。本文将深入探讨EXTJS中的事件系统和模板机制,以及如何在实际开发中应用...
这里提到的`itemSelector`组件显然是一种定制化的选择器,可能用于用户在应用中进行项选择或者过滤操作。从标题“半成品”来看,这个组件可能还在开发阶段,尚未完全成熟,但已经具备一定的功能。 `itemSelector`...
在EXT2.0框架中,分页功能是为了提高网页性能和用户体验而设计的。EXT2.0是一个基于JavaScript的富客户端应用程序框架,由Sencha公司开发,它提供了丰富的组件库和强大的数据管理能力,能够构建高度交互的Web应用。 ...
在ExtJS中,TreeSelector的核心是`Ext.tree.Panel`,这是一个用来显示和操作树形数据的组件。它能够通过异步加载或一次性加载数据,支持节点的展开、折叠、选择以及拖放操作。TreeSelector将这个树面板与一个选择器...
在ExtJS 4.x框架中,ComboboxTree是一种特殊的组件,它将传统的下拉框与树形结构结合在一起,提供了一种更为灵活的用户输入方式。这种组件在数据选择上非常实用,尤其当数据层级关系复杂时,可以方便地进行多选或...
在Web应用开发中,这样的组件常用于让用户能够从一组可选项中选取多个项目,例如在用户管理界面中选择多个用户进行操作。下面我们将深入探讨这个组件的核心特性、工作原理以及如何在实际项目中应用。 首先,`...
- **Split**: 当设为`true`时,会在与相邻区域间显示一个`Ext.SplitBar`,允许用户调整区域大小,增强界面的交互性和灵活性。 #### Resizable控件详解 Resizable控件提供了动态调整控件大小的能力,以下是一些关键...
在上面的代码中,我们使用 Ext.create 方法创建了一个存储模型,并将其作为 desktop 的配置项。在这里,我们可以添加、删除或修改桌面图标,以查看不同的效果。 小结 在本教程中,我们使用 ExtJS 4.0 创建了一个...
3. 监听窗口的resize事件,当窗口大小改变时,重新计算并调整布局。 4. 对于新加载的元素,需要动态插入到合适的列中,保持布局的连续性。 为了确保兼容性,插件可能需要处理不同浏览器对CSS3 Flexbox或Grid布局...
在Ext JS 4.2框架中,创建一个带有清单(多选)功能的组合框(ComboBox)是一项常见的任务,这通常用于提供用户可以选择多个值的交互界面。在本篇文章中,我们将深入探讨如何使用Ext JS 4.2来实现这样一个功能,并...
在网页设计中,特别是在产品展示或图像画廊等应用场景中,Shuffle.js能够提供优秀的用户体验,因为它能根据用户设备的屏幕尺寸自动调整布局,确保在任何设备上都能呈现出美观的效果。 **描述分析:** "动画自适应,...
这种布局方式模仿了现实生活中瀑布流水下落的效果,即每个元素在页面上向下流动时,会根据前一个元素的高度自动调整自身的布局,形成一种错落有致的视觉效果。在网页设计中,这种布局能够很好地展示图片、文章或任何...