ext 怎样做如图效果 希望给我思路给我思路就很感动了,希望正解,给代码我就感动死了 ,双击左边框里的项也会到右边去
来源：学生作业帮助网 编辑：六六作业网 时间：2024/11/22 18:52:19
ext 怎样做如图效果 希望给我思路给我思路就很感动了,希望正解,给代码我就感动死了 ,双击左边框里的项也会到右边去
ext 怎样做如图效果 希望给我思路
给我思路就很感动了,希望正解,给代码我就感动死了 ,
双击左边框里的项也会到右边去
ext 怎样做如图效果 希望给我思路给我思路就很感动了,希望正解,给代码我就感动死了 ,双击左边框里的项也会到右边去
可以参考一下MultiSelect的例子~~
this.selectedRoleStore = new Ext.data.JsonStore({
fields:['roleId','title']
});
this.roleStore=new Ext.data.JsonStore({
root : 'result',
url:__ctxPath+'/system/list_SysRole.action',
fields:['roleId','title'],
listeners:{
scope:this,
'load':function(store,records){
for(var i=0;i<records.length;i++){
var re=records[i];
var index=this.selectedRoleStore.find('roleId',re.data.roleId);
if(index!=-1){
store.remove(re);
}
}
}
}
});
this.multSelectFrom=new Ext.ux.Multiselect({
legend:'可选角色',
height : 200,
width:Ext.getCmp('desktoptab').getInnerWidth()
/ 3,
store :this.roleStore ,
displayField : 'title',
valueField : 'roleId'
});
this.multSelectTo=new Ext.ux.Multiselect({
name : 'selectedRoles',
legend:'已有角色',
height : 200,
width:Ext.getCmp('desktoptab').getInnerWidth()
/ 3,
store :this.selectedRoleStore,
tbar : [{
text : '清除所选',
scope:this,
handler : function() {
this.selectedRoleStore.removeAll();
}
}],
displayField : 'title',
valueField : 'roleId'
});
{
fieldLabel:'角色',
layout:'form',
border:false,
height:230,
items : {
xtype : 'panel',
height : 220,
border:false,
defaults:{anchor:'100%',padding:'2 2 2 2'},
layout:'fit',
items : [{
xtype : 'itemselector',
name : 'Roles',
fromLegend : '',
imagePath : __ctxPath + '/ext3/ux/images/',
multiselects : [this.multSelectFrom, this.multSelectTo]
}]
}
}
