0 0

ext的itemselector在窗口中,第二次打开窗口时双击不管用,求解决方法0

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();
			  }
		  }]
		
	});

1个答案 按时间排序 按投票排序

0 0

采纳的答案

userRoleForm 定义了id:'userRoleForm',第二次打开的时候会发现id已经被使用过了,所以不会出现,去掉id的定义即可。不谢。

2013年10月31日 21:03

相关推荐

    flex 模拟 ext 的 ItemSelector 双选框控件

    7. **代码示例和使用方法**:博客可能会提供完整的代码示例,展示如何在实际项目中使用这个自定义的ItemSelector控件,并解释如何初始化和配置它。 8. **调试和测试**:创建自定义组件后,测试和调试是必不可少的...

    extjs4.2的itemselector

    这个组件通常用于实现用户界面中的双列表选择功能,例如在创建一对多或一对一关系时,让用户能从两边的列表中分别选择元素。然而,根据描述,原生的 `itemselector` 在 4.2 版本中可能存在一些问题,特别是它只有 `...

    模仿Ext4实现ItemSelector

    模仿Ext4实现ItemSelector,在Rally App开发中虽然是Ext4,但ux包下面的对象被阉割了 所以手动实现了一个,布局和组件化方面还有待改进。

    ext-----多选下拉框

    在EXT框架中,"多选下拉框"是一种常见的组件,它允许用户在下拉列表中选择多个选项,而不是仅限于单选。 在EXT中实现多选下拉框,主要涉及到EXT的`ComboBox`组件和`multiSelect`配置项。`ComboBox`是一个灵活的输入...

    ExtPanel和其他控件

    在本文中,我们将深入探讨Ext.Net框架中的几个关键控件及其属性,包括ExtPanel、Resizable、GridPanel、TreeNode以及Store和ComboBox。这些控件在构建富客户端Web应用程序时扮演着重要角色。 首先,让我们来看看Ext...

    Ext.DataView 图片列表显示

    displayMsg:'本页显示第{0}条到第{1}条的记录,一共{2}条。', emptyMsg:'没有记录' }); //有参数的分页 Ext.PagingToolbar.prototype.doLoad=function(start){ findParams.start = start; this.store....

    Ext combobox 下拉多选框带搜索功能

    在IT行业中,Ext JS是一个广泛使用的JavaScript库,用于构建富客户端Web应用程序。它提供了一套完整的组件模型,包括各种UI控件,如表格、表单、树形视图等。在Ext JS中,Combobox(下拉框)是常用的一种组件,它...

    解决extjs 桌面图标换行方法

    ### 解决ExtJS桌面图标换行方法 #### 知识点概述 本文档将详细介绍如何在ExtJS框架中实现桌面图标的自动换行功能。在许多应用中,特别是在模仿桌面环境的应用程序中,桌面图标(通常称为快捷方式)的布局至关重要...

    Extjs事件和模板

    在EXTJS这个强大的JavaScript框架中,事件处理和模板机制是两个至关重要的概念,它们极大地提升了开发者构建用户界面的效率和代码的可维护性。本文将深入探讨EXTJS中的事件系统和模板机制,以及如何在实际开发中应用...

    最近项目需要,写个了itemSelector组件,半成品

    这里提到的`itemSelector`组件显然是一种定制化的选择器,可能用于用户在应用中进行项选择或者过滤操作。从标题“半成品”来看,这个组件可能还在开发阶段,尚未完全成熟,但已经具备一定的功能。 `itemSelector`...

    EXT2.0分页

    在EXT2.0框架中,分页功能是为了提高网页性能和用户体验而设计的。EXT2.0是一个基于JavaScript的富客户端应用程序框架,由Sencha公司开发,它提供了丰富的组件库和强大的数据管理能力,能够构建高度交互的Web应用。 ...

    Extjs treeselector 树结构选择器

    在ExtJS中,TreeSelector的核心是`Ext.tree.Panel`,这是一个用来显示和操作树形数据的组件。它能够通过异步加载或一次性加载数据,支持节点的展开、折叠、选择以及拖放操作。TreeSelector将这个树面板与一个选择器...

    Extjs4.X下comboboxTree下拉树型菜单,完美支持多选、单选,绝对好用

    在ExtJS 4.x框架中,ComboboxTree是一种特殊的组件,它将传统的下拉框与树形结构结合在一起,提供了一种更为灵活的用户输入方式。这种组件在数据选择上非常实用,尤其当数据层级关系复杂时,可以方便地进行多选或...

    Extjs MultiselectItemSelector

    在Web应用开发中,这样的组件常用于让用户能够从一组可选项中选取多个项目,例如在用户管理界面中选择多个用户进行操作。下面我们将深入探讨这个组件的核心特性、工作原理以及如何在实际项目中应用。 首先,`...

    ExtNet控件使用心得

    - **Split**: 当设为`true`时,会在与相邻区域间显示一个`Ext.SplitBar`,允许用户调整区域大小,增强界面的交互性和灵活性。 #### Resizable控件详解 Resizable控件提供了动态调整控件大小的能力,以下是一些关键...

    用extjs 4.0打造自己的WEB桌面

    在上面的代码中,我们使用 Ext.create 方法创建了一个存储模型,并将其作为 desktop 的配置项。在这里,我们可以添加、删除或修改桌面图标,以查看不同的效果。 小结 在本教程中,我们使用 ExtJS 4.0 创建了一个...

    jquery瀑布流,修改超简单,网上整理下来的

    3. 监听窗口的resize事件,当窗口大小改变时,重新计算并调整布局。 4. 对于新加载的元素,需要动态插入到合适的列中,保持布局的连续性。 为了确保兼容性,插件可能需要处理不同浏览器对CSS3 Flexbox或Grid布局...

    如何实现带有清单的组合框并选择ext js 4.2中的所有选项

    在Ext JS 4.2框架中,创建一个带有清单(多选)功能的组合框(ComboBox)是一项常见的任务,这通常用于提供用户可以选择多个值的交互界面。在本篇文章中,我们将深入探讨如何使用Ext JS 4.2来实现这样一个功能,并...

    筛选插件Shuffle.js和响应式网格分类、排序

    在网页设计中,特别是在产品展示或图像画廊等应用场景中,Shuffle.js能够提供优秀的用户体验,因为它能根据用户设备的屏幕尺寸自动调整布局,确保在任何设备上都能呈现出美观的效果。 **描述分析:** "动画自适应,...

    jQuery网页瀑布流插件masonry.zip

    这种布局方式模仿了现实生活中瀑布流水下落的效果,即每个元素在页面上向下流动时,会根据前一个元素的高度自动调整自身的布局,形成一种错落有致的视觉效果。在网页设计中,这种布局能够很好地展示图片、文章或任何...

Global site tag (gtag.js) - Google Analytics