kendo angular内联编辑下拉列表

时间:2015-09-18 15:16:12

标签: angularjs kendo-ui

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

1 个答案:

答案 0 :(得分:0)

乍一看,您似乎只需将类别放在范围上,然后使用k-data-source在kendo下拉指令标记上引用它们,如下所示......

$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);
      }
相关问题