multiselect field

[zied jouini]

SALAM all.
how can i create a selectfiel with "picker" as itemType ???

[mitchellsimoens]

natively it only supports the picker and the single select list. This is not a simple fix to just turn the list to be able to handle multiselect but the get and set value needs to handle an array of values then.

[bkcharan]

Does anyone have any suggestions to this problem?

[zied jouini]

SALAM bkcharan.
add this file to your solution

Ext.ns("Ext.form.ux.touch");


Ext.form.ux.touch.MultiSelect = Ext.extend(Ext.form.Select, {
    columns: 2,
    itemWidth: 200,
    itemType: "list",
    multiSelect: true,
  
    showComponent: function() {
        var me       = this,
            itemType = me.itemType,
            itemPanel;


        if (itemType === "picker") {
            me.getPicker().show();
        }
        me.isActive = true;
    }, 
});


Ext.reg("multiselectfield", Ext.form.ux.touch.MultiSelect);

don't forget to add a ilnk to this file on index.html
then you can create a multiselect field like this

        {
		xtype: 'multiselectfield',
                id: 'request',
                label: 'Compte',
		store        : 'storeCPT',							
                displayField : "compteTYPE",							
                valueField   : "compteID",		
                name         : "multiselect-picker",
                itemWidth    : 400,				
                itemType     : "picker",         
         
        },

NB: I used sencha touch 1
hope this help