var store = new Ext.data.Store({ // autoLoad:true, // 获取数据的方式 proxy : new Ext.data.HttpProxy({ url : 'connCfgManage.do?reqCode=getChannelCode' }), // 数据读取器 reader : new Ext.data.JsonReader({ autoLoad : false, totalProperty : 'TOTALCOUNT', // 记录总数 root : 'ROOT' // Json中的列表数据根节点 }, [{ name : 'channelCode' }]) }); var store2 = new Ext.data.Store({ autoLoad : false, // 获取数据的方式 proxy : new Ext.data.HttpProxy({ url : 'accountChannel.do?reqCode=getAccountChannelInfo' }), // 数据读取器 reader : new Ext.data.JsonReader({ autoLoad : true, totalProperty : 'TOTALCOUNT', // 记录总数 root : 'ROOT' // Json中的列表数据根节点 }, [{ name : 'channelCode' }]) }); var sm = new Ext.grid.CheckboxSelectionModel({ singleSelect : false }); var isForm = new Ext.form.FormPanel({ title : '商户账号渠道配置选择', width : 700, region : 'center', buttonAlign : 'center', bodyStyle : 'padding:10px;',// 定义样式表 items : [{ xtype : 'itemselector', name : 'itemselector', id : 'myIt', toLegend : "已选栏", fromLegend : "可选栏", drawUpIcon : false, drawDownIcon : false, drawLeftIcon : true, drawRightIcon : true, drawTopIcon : false, drawBotIcon : false, hideLabel : false, imagePath : '../resource/extjs3.1/ux/images/',// 左右移动的图片 multiselects : [{// 定义左边数据 legend : '可选渠道', width : 250, height : 300, store : store, displayField : 'channelCode', valueField : 'channelCode' }, { legend : '已有渠道', width : 250, height : 300, displayField : 'channelCode', valueField : 'channelCode', store : store2, tbar : [{ text : '清除所有', iconCls : 'deleteIcon', handler : function() { isForm.getForm().findField('itemselector') .reset(); } }] }] }], buttons : [{ text : '提交列表', iconCls : 'acceptIcon', handler : function() { saveAccountBank(); } }, { text : '关闭', iconCls : 'deleteIcon', handler : function() { cWindow.close(); } }] }); store.load({ params : { connType : threeForm.getForm().findField('connType') .getValue() }, callback : function() { editChannelCode(); } }); function editChannelCode() { if ("defaultEdit" == temp || "customizedEdit" == temp) { store2.load({ params : { connType : threeForm.getForm() .findField('connType').getValue(), merId : merId, merAccount : merAccount, temp : temp }, callback : function(records, options, success) { for (i = 0; i < records.length; i++) { var channelCode = records[i].get('channelCode'); var index = store.find("channelCode", channelCode); store.removeAt(index); } } });} else if ("customized" == temp || "default" == temp) { store2.removeAll(); } } var channelCode = Ext.getCmp("myIt").getValue(); 获取右边的所有值
效果如下:
相关推荐
4.2自带的itemselector,有问题,只有fromstore没有tostore,作了一些修改,可以使用,附件中有效果图
Extjs+Gride使用方法 Extjs Gride
基于itemselector做出的拓展,fromField以树结构展示。
EXTJS应用EXTJS应用EXTJS应用EXTJS应用EXTJS应用EXTJS应用
总结了Extjs 的Grid组件的使用方法。共享出来希望对大家所有帮助。
extjs资料extjs资料extjs资料extjs资料extjs资料
Extjs例子Extjs例子Extjs例子Extjs例子Extjs例子
教程包括ExtJS 的新手入门、组件体系结构及使用、ExtJS 中各控件的使用方法及示例应用等,是一个非常适合新手的ExtJS 入门教程。本教程主要是针对ExtJS2.0 进行介绍,全部代码、截图等都是基于ExtJS2.0。
xtJs已经升级到了5.0了,目前可能多数应用还在使用ExtJs 3.系列。 从开发大型的web后台或者企业管理系统来看,ExtJs3的缺陷还是比较明显的,从ExtJs4 开始引入了MVC架构,从而能够从容的组织系统的JS文件了。 从...
配置和表格控件使用 表单与输入控件 树形结构 拖放以及弹出窗口
ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门ExtJS快速入门 ExtJS快速入门 ExtJS...
EXTJS实例 EXTJS树,可以编辑的EXTJS,EXTJS3.0
extjs电子书,extjs电子书,extjs电子书,extjs电子书
extJs3升级extjs4方案, extJs3升级extjs4需要修改大量代码
包含各种类型的extjs小图标,Extjs4小图标
ExtJs部署,开发及使用过程详细,TXT格式看一遍就上手。
EXTJS4自学手册——EXT基本方法、属性(onReady、define、create) EXTJS4自学手册——EXT基本方法、属性(apply、applyIf、constructor) EXTJS4自学手册——EXT基本方法、属性(mixins、statics、require) EXTJS...
extjsapi,extjs文档,api手岫
项目进行前端框架升级——extJS 4升级至extJS6.6所遇的一些问题及相对应的解决方案建议
JBPM4 SSH EXTJS JBPM SSH EXTJS JBPM4 SSH EXTJS JBPM SSH EXTJS JBPM4 SSH EXTJS JBPM SSH EXTJS JBPM4 SSH EXTJS JBPM SSH EXTJS 希望对大家有帮助。