populate a multiselect field using a web service

[sannou]

Hi all.
im doing a mobile app using sencha touch1 and i want to populate a multiselect field with my RESTFUL web service made by WCF.
here is my store

Ext.regStore('storeCPT', {
 model: 'compte',
 autoLoad: true,
 proxy: 
 {
 type: 'scripttag',
 url: 'http://localhost:8732/cpts/cltID/1234',
 reader: 
  {
   type: 'json',
  }
 }
});

my model:

Ext.regModel('compte', {
    fields: ['compteID']
});

and here is my multiselect field puted into my form

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

and here is the response of my web service when i try it with my chrome browser

[{"client":null,"clientID":"1234","commercant":null,"commerçantID":null,"compteDATEOUVERTURE":"\/Date(1336086000000+0100)\/","compteDATESOLDE":"\/Date(1338309980940+0100)\/","compteID":"67589","compteSOLDE":17495,"compteTOTALCREDIT":100,"compteTOTALDEBTI":3505,"credits":[],"institution":null,"institutionID":null,"operateur":null,"operateurID":null,"transactions":[],"transferts":[],"virements":[]},{"client":null,"clientID":"1234","commercant":null,"commerçantID":null,"compteDATEOUVERTURE":"\/Date(1336086000000+0100)\/","compteDATESOLDE":"\/Date(1336777200000+0100)\/","compteID":"98765","compteSOLDE":19658,"compteTOTALCREDIT":1000,"compteTOTALDEBTI":1234,"credits":[],"institution":null,"institutionID":null,"operateur":null,"operateurID":null,"transactions":[],"transferts":[],"virements":[]}]

but it load without displaying any thing.
can you hel pe please
thank you

[mitchellsimoens]

You have displayField and valueField set to a string improperly. Notice the double and single quotes you are using:

"'compteID'"

Should probably just be

"compteID"

[sannou]

hi. thank you for your reply.

i tried as you say "compteID" but it still the same problem, it's load without displaying any thing.
im using this code to display the multiselectielf with picker as itemtype

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);

i don't know what kind of modification shall i do?
thank you

[zied jouini]

SALAM
try to change

type: 'scripttag', to type: 'ajax',it should work

[sannou]

thank you its works now