Renso on Show multiple selected options on Formedit mode

Mon, 29 Jun 2009 11:31:08 +0300

Not sure if I am doing something wrong but for the edittype:”select” col model property with editoptions:{multiple:true,size:4,value:allAccountRoles}, it does not select (highlight) the selected items in the listbox. It does show all the selectable options. No matter if I have one option or multiple options selected, it does not highlight them.

Here is my colModel {name:'AccountRole', index:'AccountRole', width:40, editable:true, align:”left”, hidden:true, edittype:”select”, editoptions:{multiple:true,size:4,value:allAccountRoles}, editrules:{edithidden:true,required:true}},
During loadComplete I then load the actual data into var allAccountRoles and setColProp appropriately (see below):

loadComplete: function()    {
                //get all Account Roles
                allAccountRoles = $.ajax({url: $('#ajaxAllAccountRolesUrl').val(), async: false, success: function(data, result) {if (!result) alert('Failure to retrieve the Account Roles.');}}).responseText;
                $(item).setColProp('AccountRole',{editoptions:{multiple:true,size:4,value:allAccountRoles}});

I perform this in many grids with no issues and is my modus operandi for al my grids as I perform ajax calls for the list data when I need it. I can see my data being loaded via the ajax call but for some reason it does not highlight the selected options

Here is the result of the ajax call that fecthes the list of account roles:

1:Website Contact;2:Materials Contact;3:Lead Followup;4:Payment

Here is the HTML definition of the column in the formedit (modal dialog):

<option value=”1“>Website Contact</option>

<option value=”2“>Materials Contact</option>

<option value=”3“>Lead Followup</option>

<option value=”4“>Payment</option>

</select>

I tried to set the col properties during both gridComplete and loadComplete, same result.
Not sure if it is not supported or a bug. I see in formedit.js, line 276:

case “select-multiple”:
postdata[this.name]= $(this).val();
var selectedText = [];
$(”option:selected”,this).each(
function(i,selected){
selectedText[i] = $(selected).text();
}
);
extpost[this.name]= selectedText.join(”,”);
break;

I notice that postdata[this.name] = $(this).val(), where the value of this.name = "AccountRole" and

the result of this.val() is an array of 2,3 (second and third options selected) :

["2", "3" 0=2 1=3]

. This works fine once I am already in the modal dialog mode, but the values once I close the edit mode and select to edit the row again does not highlight my selected options.

Any ideas?

jQuery Grid Plugin - jqGrid - Topic: Show multiple selected options on Formedit mode

Renso on Show multiple selected options on Formedit mode