kendo angular 内联编辑下拉列表答案

【问题标题】：kendo angular Inline editing drop-down-listkendo angular 内联编辑下拉列表
【发布时间】：2015-09-18 15:16:11
【问题描述】：

我使用角剑道并创建了内联编辑网格，使用此来源的代码 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，它不适合我。

【问题讨论】：

标签： angularjs kendo-ui

【解决方案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);
      }

【讨论】：