Question

While both autocomplete and select in jqgrid editform place the selected label into the cell, select will place the value (id) in the postdata array where autocomplete will place the label into the postdata array.

is there a way to get the editoption’s autocomplete to post the item value (id) instead of the label?

here is the jqgrid code segment i’m using autocomplete in…

$('#tab3-grid').jqGrid({
   colNames:['Workorder', 'wo.CUID',.....],
   colModel:[  
      .
      .
      .  
      {name:'wo.CUID', index:'cu.LastName', width:120, fixed:true, align:'center', sortable:true, editable:true, edittype:'text',
         editoptions:{dataInit:function(el){$(el).autocomplete({ source: 'php/customer-ac-script.php' 
                                                              , minLength: 1

                                                             })
                                          }
                    },
         formoptions:{rowpos: 1, label:'Customer', elmprefix:'* '},
         editrules:{required:true}
      },
      .
      .
      .
$('#tab3-grid').jqGrid('navGrid', '#tab3-pager',
   {view:true, closeOnEscape:true, cloneToTop:true}, // general parameters that apply to all navigation options below.
   {jqModal:true, navkeys:[true,38,40], savekey:[true,13]}, // edit options.
   {jqModal:true, navkeys:[true,38,40], savekey:[true,13], reloadAfterSubmit:false, afterSubmit: addRecordID}, // add options.
   {jqModal:true, afterSubmit: serverMessage}, // del options.
   {jqModal:true}, // search options.
   {jqModal:true, navkeys:[true,38,40]} // view options.
);

The php code segment:

// construct autocomplete select.
$i = 0;

while($row = mysql_fetch_assoc($result)) {
   $output[$i][$crudConfig['id']]    = $row['CUID'];
   $output[$i][$crudConfig['value']] = $row['LastName'];
   logMsg(__LINE__,'I','cu.CUID: '.$row['CUID'].', cu.LastName: '.$row['LastName']);

   $i++;
}

// encode to json format and send output back to jqGrid table.
echo json_encode($output);
logMsg(__LINE__,'I','Send json output back to jqGrid table: '.json_encode($output));

Would it be as simple as calling a function under the autocomplete select event or the grid before or after editform submit?

Also, i noticed this note in the jqgrid doc’s for datainit: that says…

Note: Some plugins require the position of the element in the DOM and
since this event is raised before inserting the element into the DOM
you can use a setTimeout function to accomplish the desired action.

Would the lack of including the settimeout function be causing the problem?

Answer 1

The server code which provide the JSON response on the autocomplete request has id and value properties. On the other side the standard behavior of jQuery UI Autocomplete is to use label and value properties (see “Datamodel” in the documentation). The value of label property (if any exist) will be used to display in the contextmenu. The value of value property will be placed in the <input> field after the user choose the item from the contextmenu. The value of label property can has HTML markup, but the value of value property must be the text.

So I see the problem as pure problem of the usage of jQuery UI Autocomplete independent on jqGrid. If I understand correct your question you can solve your problem by modification your server side code.