jQuery Grid Plugin - jqGridForum

Topic RSS

how to dynamically set the choices in dropdownlist

28/08/2009
03:22

LonelyRonaldinho

Member

Members

Forum Posts: 5

Member Since:
20/08/2009

Offline

hi, how to dynamically change the options in dropdownlist ?

by json string ?

28/08/2009
08:02

Renso

Member

Members

Forum Posts: 118

Member Since:
11/09/2008

Offline

In this example I am loading the list of contacts when the grid is defined dynamically by using an Ajax request to fetch a Json string of key-value pairs that is formatted like this:

27619:Renso Hollhumer;41:Annette Roulette;27546:Christopher Hollhumer;27625:Tom Adams

var allContacts = $.ajax({ url: $('#ajaxListAllAccountContactNamesUrl').val() + '/' + $('fieldset#AccountDetails #Id').val(), async: false, success: function(data, result) { if (!result) alert('Failure to retrieve the Contacts.'); } }).responseText;

    $('#list')
        .jqGrid({
            url: listURL,
            postData: ajaxData,
            async: true,
            datatype: “json”,
            colNames: ['Id', 'Contact'],
            colModel: [
                { name: 'Id', index: '', hidden: true, hidedlg: true },
                { name: 'Contact', index: 'Contact', edittype: "select", editoptions: { value: allContacts } },
            ],

Very important, tjhe ajax call to get in this example the contacts must be set to async: false otherwise the grid will render before the data is returned and nt data will show up on your select.

Later, if after the grid gas been rendered you want to change the selection of the SELECT, use the editOptions property via the setColProp on the loadComplete event or other external event to set the contacts:

$('#list').setColProp('Contact', {editOptions: {value: newListOfContacts} });

All RSS

Forum Timezone: Europe/Sofia

Most Users Ever Online: 715

Currently Online:
40 Guest(s)

Currently Browsing this Page:
1 Guest(s)