jqGrid内联编辑：具有自动完成列的奇怪行为

我有一个带有自动完成列的jqGrid（使用内联编辑）。当用户从自动填充列中选择一个值时，事件处理程序将在另一列上设置一个值，并将自动填充列的值设置为除自动填充源返回的label之外的值。两个列定义（完成这里jsFiddle示例）：jqGrid内联编辑：具有自动完成列的奇怪行为

{ 
    name: 'cartoonId', 
    index: 'cartoonId', 
    width: 90, 
    editable: false}, 
{ 
    name: 'cartoon', 
    index: 'cartoon', 
    width: 200, 
    editable: true, 
    edittype: 'text', 
    editoptions: { 
     dataInit: function(elem) { 
      $(elem).autocomplete({ 
       source: autocompleteSource, 
       select: function(event, ui){ 
        var rowId = $("#inlineGrid").jqGrid('getGridParam', 'selrow'); 
        if(ui.item){ 
         $("#inlineGrid").jqGrid('setCell', rowId, 'cartoonId', ui.item.CartoonId); 
         $("#inlineGrid").jqGrid('setCell', rowId, 'cartoon', ui.item.Name);        
        } 
        return false; 
       } 
      }); 
     } 
    }},

的问题是，只要用户选择从自动完成，或者通过点击它，或使用箭头并按Tab键的值，该小区不再可编辑，网格似乎完全失去焦点。如果我注释掉设置单元格值的行，则表现正常。有什么办法可以解决这个问题吗？我需要整行保持编辑模式，包括cartoon列，直到用户完成编辑。

的jqGrid 4.4.1
的jQuery 1.7.2
jQuery UI的1.8.18

来源

2012-10-08 AJ.

您应该从autocompleteSource的项目Name属性重命名为value因为jQuery UI自动完成检查label和value每默认（见the documentation）。

您不能使用当前处于编辑模式的'cartoon'列的setCell。您应该从select回拨中删除return false;。因此，代码可能看上去只有以下

dataInit: function (elem) { 
    $(elem).autocomplete({ 
     source: autocompleteSource, 
     select: function (event, ui) { 
      var rowId = $("#inlineGrid").jqGrid('getGridParam', 'selrow'); 
      if (ui.item) { 
       $("#inlineGrid").jqGrid('setCell', rowId, 'cartoonId', 
        ui.item.CartoonId); 
      } 
     } 
    }); 
}

见http://jsfiddle.net/27dLM/38/

来源

2012-10-09 05:47:53 Oleg

你又救了我，奥列格。谢谢！！ –

@AJ：不客气！ – Oleg

jqGrid内联编辑：具有自动完成列的奇怪行为

回答

相关问题