Jqgrid検索ツールバーは、Jsonで一意のドロップリストをフィルタリングします

Question

私はこの exampleに基づいてフィルタツールバーを作成しました。私には奇妙な問題があります。これはFirebugブレークポイントが設定されている場合にのみ動作し、そうでない場合はドロップダウンに「All」と表示されます。グリッドはデータ型 'json'、loadonce：trueで設定されます。もう一つのポイント。このグリッドにはサブグリッドもあります。どのようにこれを動作させるための任意のアイデア？う

colModel:[ 
       {name:'CM',index:'CM', width:50,editable:false}, 
       {name:'DealNo',index:'DealNo',width:75,editable:false,editoptions:{readonly:true, size:10},search:true, stype:'text', searchoptions: { sopt: ['eq']}}, 
       {name:'KeyDate',index:'KeyDate',width:100, search:false, align:"right",formatter:'date'}, 
       {name:'VendorNo',index:'VendorNo', width:75,search:true}, 
       {name:'VendorName',index:'VendorName', width:100,search:true}, 
       {name:'ItemQty',index:'ItemQty', width:75,search:false},{name:'StartDate',index:'StartDate',width:100,align:"right",formatter:'date',search:false}, 
       {name:'EndDate',index:'EndDate',width:100, align:"right",formatter:'date',search:false}, 
       {name:'ActiveStartDate',index:'ActiveStartDate',width:100, align:"right",formatter:'date',search:false, sorttype:"date", editable:true,editoptions:{size:10}},     {name:'ActiveEndDate',index:'ActiveEndDate',width:100,align:"right",formatter:'date',search:false, sorttype:"date",editable:true,editoptions:{size:10}},    
       {name:'DealType',index:'DealType', width:75,search:false} 

      ], 

そして最後に、私の呼び出しは任意の提案をfilterToolBarを作成して、ドロップダウン

 setSearchSelect('CM'); 
     grid.jqGrid('setColProp', 'Name', { 
     searchoptions : { 
      sopt : [ 'cn' ], 
      dataInit : function(elem) { 
       $(elem).autocomplete({ 
        source : getUniqueNames('Name'), 
        delay : 0, 
        minLength : 0 
       }); 
      } 
     } 

    }); 
    grid.jqGrid('filterToolbar', { 
     stringResult : true, 
     searchOnEnter : true, 
     defaultSearch : "eq" 
    }); 

を移入するために：私は、グリッドを宣言した後、私のコラムモデルは次のようになります

grid = $("#dealsgrid"), 
getUniqueNames = function(columnName) { 
     var texts = grid.jqGrid('getCol', columnName); 
     var uniqueTexts = []; 
     var textsLength = grid.jqGrid('getGridParam','data'); 
     var text, textsMap = {}, i; 
     for (i = 0; i < textsLength; i++) { 
      text = texts[i]; 
      if (text !== undefined && textsMap[text] === undefined) { 
      // to test whether the texts is unique we place it in the map. 
      textsMap[text] = true; 
      uniqueTexts.push(text); 
      } 
     } 
     return uniqueTexts; 
    }, 
buildSearchSelect = function(uniqueNames) { 
     var values = ":All"; 
     $.each(uniqueNames, function() { 
      values += ";" + this + ":" + this; 
     }); 
     return values; 
    }, 
setSearchSelect = function(columnName) { 
     grid.jqGrid(
     'setColProp', 
     columnName, 
     { 
      stype : 'select', 
      searchoptions : { 
       value : buildSearchSelect(getUniqueNames(columnName)), 
       sopt : [ 'eq' ] 
      } 
     }); 
}; 

大変感謝します。 ありがとう

Answer 1

私の古い答えが削除されました。あなたの関数が何かを返していることが分かりました（ブレークポイントを置いた場合）。 getUniqueNamesが呼び出される前にグリッドがまだデータをロードしていない可能性がありますか？つまり、ブレークポイントを置くと、getUniqueNamesが呼び出される前にデータをロードする時間が長くなります。

したがって、gridCompleteまたはおそらくloadCompleteでsetSearchSelectを呼び出すと、それは問題ありません。たぶん、グリッドのasyncプロパティをfalseに設定する必要があるかもしれません。私は自分のコードでそれを確認する必要があるので、私は例を提供することができます。私はこの最初のことを朝にします。あなたは上記の情報に基づいていくつかの調整をして自分で試すことができます。

$('#yourgrid').jqGrid({ 
    ..., 
    async: false, 
    loadComplete/gridComplete: function() { setSearchSelect('CM'); } 
    });