2014-02-11 88 views
0

這是我正面臨的一個奇怪問題。 我想附加一個jqueryui自動完成到jqgrid中的搜索字段。jqGrid中的jquery UI自動完成搜索不發送數據

我有這樣的列:

{ 
    name: 'client', 
    index: 'client_name', 
    width: 40, 
    sortable: true, 
    searchoptions: { 
     dataInit: function (elem) { 
      $(elem).autocomplete({ 
       source: "{{ URL::action('[email protected]') }}", 
       minLength: 2, 
       select: function(event, ui) { 
        $(elem).val(ui.item.label); 
       } 
      }); 
     } 
    } 
} 

這一切工作正常,它增加了我的價值在該領域,但是當我按下「查找」按鈕,實際的字段值是空的。如果我不從自動完成中選擇任何內容,而只是輸入它,它就可以正常工作。 如果我將一個日期選擇器附加到一個字段,選擇後它會很好地工作。它不想使用自動完成功能。

以前有沒有其他人有這個問題?有小費嗎?

我使用jqgrid 4.5.4和jqueryui 1.10.3。

回答

0

對於任何有興趣的人,我找到了一個解決方案。約99%的案件工作。

只需在自動填充的select事件中添加$(elem).trigger('change');;

所以完整的腳本將

{ 
name: 'client', 
index: 'client_name', 
width: 40, 
sortable: true, 
searchoptions: { 
    dataInit: function (elem) { 
     $(elem).autocomplete({ 
      source: "{{ URL::action('[email protected]') }}", 
      minLength: 2, 
      select: function(event, ui) { 
       $(elem).trigger('change'); 
      } 
     }); 
    } 
} 

}