自定义动态数据源的Kendo UI grid Dropdown Editor

此实例是根据当前数据的某个值动态过滤一个静态的数据源

 

$scope.serviceItem1Editor=function (container, options) {

 

            var checkedValues=options.model.itemCatCode.split(",");

            var filter = {

              logic: "or",

              filters: $.map(checkedValues, function(value) {

                return {

                  operator: "eq",

                  field: "itemCat",

                  value: value

                };

              })

            };

            $scope.serviceItemDS.filter(filter);

            $("<input data-bind='value:"+options.field+"'+ />")

                .attr("id", "ddl_serviceItem1")

                .appendTo(container)

                .kendoDropDownList({

                    dataSource: $scope.serviceItemDS,

                    dataTextField: "itemDesc",

                    dataValueField: "itemCode",

                    template: "<span data-id='${data.itemCode}'>${data.itemDesc}</span>"

 

                });

          }

 

$scope.serviceItemDS = new kendo.data.DataSource({

            transport: {

              read: {

                  url: $scope.serviceRoot+"/booking/findServicItems",

                  dataType: "json",

                  type: "POST",

                  contentType: "application/json"

              },

              parameterMap:function(options, operation) {

                  if(operation==="read"){

                    var catCode="";

                    return JSON.stringify(catCode);

                  }

              }

            }

          });