Load data into multiselect

[dnvhariprasad]

Hello All,

I am using multiselect in my project.
Can any one let me know how can we load data into toMultiselect list on load of the control?

I have 2 datastores and second data store is empty.

This is my code:


var ds1 = new Ext.data.ArrayStore({
data : [],
fields : ['value', 'text'],
sortInfo : {
field : 'value',
direction : 'ASC'
}
});

var ds = new Ext.data.ArrayStore({
data : [['123', 'One Hundred Twenty Three'], ['1', 'One'],
['2', 'Two'], ['3', 'Three'], ['4', 'Four'],
['5', 'Five'], ['6', 'Six'], ['7', 'Seven'],
['8', 'Eight'], ['9', 'Nine']],
fields : ['value', 'text'],
sortInfo : {
field : 'value',
direction : 'ASC'
}
});


var isForm = new Ext.form.FormPanel({
title : groupLabel,
width : 700,
bodyStyle : 'padding:10px;',

items : [{
xtype : 'itemselector',
name : 'itemselector',
imagePath : '/webtop/custom/theme/documentum/images/ux',
multiselects : [{
width : 250,
height : 200,
store : ds,
displayField : 'text',
valueField : 'value'
}, {
width : 250,
height : 200,
store : ds1,
displayField : 'text',
valueField : 'value'
}]
}],

buttons : [{
text : 'Save',
handler : function() {
if (isForm.getForm().isValid()) {
var itemselector = isForm.getForm().findField("itemselector");
Ext.get(groupName).update(itemselector.getAllValues());
var groupId = "hidden_" + groupName;
document.getElementById(groupId).value = itemselector.getValue();
win.hide();

}
}
}]
});



var win = new Ext.Window({
title : 'Signatories',
closable : true,
plain : true,
width: 700,
height: 350,
items : [isForm]


});

win.show(this);

[steffenk]

what do you think is ds1 store for?

btw - please use code tags for source code