劍道角內置編輯下拉列表

Question

IM使用使用的代碼從這個來源 http://docs.telerik.com/kendo-ui/web/grid/how-to/AngularJS/angular-custom-editor

與功能「$ scope.categoryDropDownEditor」

一些變化角度劍道，創造了在線編輯網格，

$scope.categoryDropDownEditor = function(container, options) { 
    var categories = { 
        'Category': [ 
         { 'CategoryName': 'Beverages', 'CategoryID': 1 }, 
         { 'CategoryName': 'Condiments', 'CategoryID': 2 } 
        ] 
       }; 

     var editor = $('<input kendo-drop-down-list required k-data-text-field="\'CategoryName\'" k-data-value-field="\'CategoryID\'" data-bind="value:' + categories[0].Category.CategoryName + '"/>') 
     .appendTo(container); 
     } 

我想下拉列表加載我自己的JSON，它不適合我。

Answer 1

乍一看好像你只需要穿上範圍的類別，然後引用它們的劍道下拉使用k-data-source如下指令標籤...

$scope.categoryDropDownEditor = function(container, options) { 
    $scope.categories = { 
        'Category': [ 
         { 'CategoryName': 'Beverages', 'CategoryID': 1 }, 
         { 'CategoryName': 'Condiments', 'CategoryID': 2 } 
        ] 
       }; 

     var editor = $('<input kendo-drop-down-list required k-data-text-field="\'CategoryName\'" k-data-value-field="\'CategoryID\'" k-data-source="categories.Category" />') 
     .appendTo(container); 
     }