KendoUI下拉列表取决于kendo网格表中的另一个下拉列表

Question

我有一个kendo网格表，其中包含两列kendoDropDowList主列和子列。例如， 主列是Category，有3个类别A，B，C。如果我选择类别A，则第二列应显示1,2,3值，如果我选择B类别，它应显示在第二列4,5,6值中。最后，如果我选择C类别，它应显示7,8,9值。然后，用户可以从第二列的列表中选择任何值。我知道我的第一个kendoDropDownList将是

function categoryDropDownEditor (container, options) {
console.log(" field name :"+options.field);

                $('<input required name="' + options.field + '"/>')
                    .appendTo(container)
                    .kendoDropDownList({
                        autoBind: false,
                        dataTextField: "text",
                        dataValueField: "value",
                        filter: "contains",
                        change: onCategoryChange,

                        dataSource: {
                        transport: {
                            read: {
                                dataType: "json",
                                url: "getAllCategories",
                            }// end read
                        }// end transport
                    }// end datasource

                    });
            }

并且onCategoryChange的函数将是

   function onCategoryChange(e)
   {
         var value = this.value();
         alert("on change value "+value);
         // now here I don't know to set the kendowDropDownList datasource 
        //for the second column in the same row ... how to do that
   }