首页 > 代码库 > itemselector用法
itemselector用法
1 var store = new Ext.data.Store({ 2 // autoLoad:true, 3 // 获取数据的方式 4 proxy : new Ext.data.HttpProxy({ 5 url : ‘connCfgManage.do?reqCode=getChannelCode‘ 6 }), 7 // 数据读取器 8 reader : new Ext.data.JsonReader({ 9 autoLoad : false, 10 totalProperty : ‘TOTALCOUNT‘, // 记录总数 11 root : ‘ROOT‘ // Json中的列表数据根节点 12 }, [{ 13 name : ‘channelCode‘ 14 }]) 15 }); 16 17 var store2 = new Ext.data.Store({ 18 autoLoad : false, 19 // 获取数据的方式 20 proxy : new Ext.data.HttpProxy({ 21 url : ‘accountChannel.do?reqCode=getAccountChannelInfo‘ 22 }), 23 // 数据读取器 24 reader : new Ext.data.JsonReader({ 25 autoLoad : true, 26 totalProperty : ‘TOTALCOUNT‘, // 记录总数 27 root : ‘ROOT‘ // Json中的列表数据根节点 28 }, [{ 29 name : ‘channelCode‘ 30 }]) 31 }); 32 var sm = new Ext.grid.CheckboxSelectionModel({ 33 singleSelect : false 34 }); 35 36 var isForm = new Ext.form.FormPanel({ 37 title : ‘商户账号渠道配置选择‘, 38 width : 700, 39 region : ‘center‘, 40 buttonAlign : ‘center‘, 41 bodyStyle : ‘padding:10px;‘,// 定义样式表 42 items : [{ 43 xtype : ‘itemselector‘, 44 name : ‘itemselector‘, 45 id : ‘myIt‘, 46 toLegend : "已选栏", 47 fromLegend : "可选栏", 48 drawUpIcon : false, 49 drawDownIcon : false, 50 drawLeftIcon : true, 51 drawRightIcon : true, 52 drawTopIcon : false, 53 drawBotIcon : false, 54 hideLabel : false, 55 imagePath : ‘../resource/extjs3.1/ux/images/‘,// 左右移动的图片 56 multiselects : [{// 定义左边数据 57 legend : ‘可选渠道‘, 58 width : 250, 59 height : 300, 60 store : store, 61 displayField : ‘channelCode‘, 62 valueField : ‘channelCode‘ 63 }, { 64 legend : ‘已有渠道‘, 65 width : 250, 66 height : 300, 67 displayField : ‘channelCode‘, 68 valueField : ‘channelCode‘, 69 store : store2, 70 tbar : [{ 71 text : ‘清除所有‘, 72 iconCls : ‘deleteIcon‘, 73 handler : function() { 74 isForm.getForm().findField(‘itemselector‘) 75 .reset(); 76 } 77 }] 78 }] 79 }], 80 buttons : [{ 81 text : ‘提交列表‘, 82 iconCls : ‘acceptIcon‘, 83 handler : function() { 84 saveAccountBank(); 85 } 86 }, { 87 text : ‘关闭‘, 88 iconCls : ‘deleteIcon‘, 89 handler : function() { 90 cWindow.close(); 91 } 92 }] 93 }); 94 95 96 store.load({ 97 params : { 98 connType : threeForm.getForm().findField(‘connType‘) 99 .getValue()100 },101 callback : function() {102 editChannelCode();103 }104 });105 106 function editChannelCode() {107 if ("defaultEdit" == temp || "customizedEdit" == temp) {108 store2.load({109 params : {110 connType : threeForm.getForm()111 .findField(‘connType‘).getValue(),112 merId : merId,113 merAccount : merAccount,114 temp : temp115 },116 callback : function(records, options, success) {117 for (i = 0; i < records.length; i++) {118 var channelCode = records[i].get(‘channelCode‘);119 var index = store.find("channelCode",120 channelCode);121 store.removeAt(index);122 }123 }124 });125 } else if ("customized" == temp || "default" == temp) {126 store2.removeAll();127 }128 }129 130 131 var channelCode = Ext.getCmp("myIt").getValue();132 133 获取右边的所有值
itemselector用法
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。