0

我有一列带有自动完成功能的列,用于内联编辑。那里没问题。问题是自动完成有一个需要设置的底层 ID。我的想法是在网格中有一个隐藏的列,并使用自动完成的选择回调来设置 ID。回调中的一切看起来都很好。但是,当需要保存行时,该列是空的。任何想法是什么取消了行数据?

以下是相关代码:

{ name: 'fieldName', label: 'fieldLabel', index: 'fielindex', width: 300,
  sortable: true, editable: true, edittype : 'custom',                          
  editoptions: {
     custom_element : someAutoComplete_element,
     custom_value   : someAutoComplete_value
  }
},
{ name:'someID', index:'someID', width: 70, hidden: true, editable: true,
  editrules: {edithidden:false} 
},

function someAutoComplete_value(elem, op, value) {  
    if (op == "set") {
        $(elem).val(value);
      }
      return $(elem).val();
}


function someAutoComplete_element,(value, options) {
    var $ac = $('<input type="text"/>');
    $ac.autocomplete( {
        source: function(request, response) {
            $.ajax({
                  // Code to deal with fetching the autocomplete
                  });
               },
        select: function(event, ui) {
               var newId = ui.item.obj.id;

               var rowId = jQuery('#myTable').jqGrid('getGridParam','selrow');
               if (rowId) {
                  var rowData = jQuery('#myTable').getRowData(rowId);
                  rowData['someID'] = newId;
               }
             }
           }
         )
return $ac;
}

谢谢,斯科特

4

1 回答 1

0

jqGrid setCell 从字面上将单元格设置为给定的值。如果给定的值不是 HTML,那么,当我们去保存该行时,数据不会被正确检索。我本来期望像 setCellData 这样的方法来做到这一点。相反,这是我为解决我的问题所做的。归根结底,我要做的就是记住所选字符串的 ID,以便我可以在保存时正确地将其保存在服务器端。

var newId = ui.item.obj.id;                  
var rowId = jQuery('#myTable').jqGrid('getGridParam','selrow');

if (rowId) {                      
   var rowData = jQuery('#myTable').getRowData(rowId);                      
   var newCellHTML = $(rowData['utteranceID']).attr("value", newId).get(0).outerHTML;                      
   $("#myTable").setCell(rowId, 'myColumnName',  newCellHTML);
}

这真的感觉像一个黑客我错过了什么吗?

斯科特

于 2012-08-17T15:38:38.667 回答