2017-10-25 17 views
0

セル内に編集可能なドロップダウンを持つ剣道UIグリッドを使用しています。グリッドのこのドロップダウンはデータをクリックした後でのみロードされますが、pageloadにロードする必要があります。しかし、私は複数のドロップダウンでデータをロードすることができましたが、ダブルクリックでのみロードされます。すべてのドロップダウンリストをロードするために任意のより良い方法はありますし、また作るためにkendo Uiグリッド内のすべてのドロップダウンをロード

には、以下のグリッド

{ 
        field: 'Installer', 
        title: 'Installer Name', 
        width: 250, 

        editor: $scope.categoryDropDownEditor, 
        template: '<span class="k-widget k-dropdown k-header" style="width: 220px;"><span class="k-dropdown-wrap k-state-default k-state-hover"><span class="k-input ng-scope">#=Installer.InstallerName#</span><span class="k-select"><span class="k-icon k-i-arrow-s">select</span></span></span><input style="width: 220px; display: none;" ></span>' 
       } 

内のすべてのドロップダウンリストをロードするためのコードであり、これは、エディタ

$scope.categoryDropDownEditor = function (container, options) { 
     var editor = $('<input kendo-drop-down-list k-data-text-field="\'InstallerName\'" k-data-value-field="\'InstallerID\'" k-data-source="ddlDataSource" k-on-change="GetEditPriestSettings(dataItem, kendoEvent)" style="width:250px" data-bind="value:' + options.field + '"/>') 
      .appendTo(container); 
    } 

を通じてロードドロップダウンのためのコードですワンクリックでのドロップダウンロード。第2のクリックのドロップダウンデータのロード on second click

+0

ドロップダウンウィジェットで、プロパティ 'autoBind:true'を使用してみます。このプロパティの詳細については、ウィジェットの公式ドキュメントを参照してください。 –

答えて

0

on first click 最後に、研究の開口部の多くは、手動でタイムアウトが働いkendodropdown後。

setTimeout(function() { 
      var x = $('#DropDown_' + id).data("kendoDropDownList").open(); 

     }, 100) 
関連する問題