如何在KendoGrid内嵌式编辑反应式表单Angular 6中，根据1次下拉的变化，改变第二次下拉的Datasourse。

Question

我有一个Kendo Grid Inline Edit Reactive表格，里面有多个Kendo Drop-down。怎樣才能在改變第一個下拉列表時，改變第二個下拉列表的資料來源，基本上所有行的第二個下拉列表的資料來源都可以是不同的。

Answer 1

使用级联 dropdownlist 在kendo网格编辑器里面，这是jQuery的例子，但我认为在Angular中实现它并不难。

columns: [
        { field: "id" },
        {
            title: "Brand",
            field: "brandId",
            template: "#= brandName(brandId) #",
            editor: function(container) { 
                var input = $('<input id="brandId" name="brandId">');
                input.appendTo(container);

                input.kendoDropDownList({
                    dataTextField: "name",
                    dataValueField: "brandId",
                    dataSource: brands
                }).appendTo(container);
            }
        },
        {
            title: "Model",
            field: "modelId",  
            template: "#= modelName(modelId) #", 
            editor: function(container) { 
                var input = $('<input id="modelId" name="modelId">');
                input.appendTo(container);
                input.kendoDropDownList({
                    dataTextField: "name",
                    dataValueField: "modelId",
                    cascadeFrom: "brandId",
                    dataSource: models+
                }).appendTo(container);
            }
        },
        { command: "edit" }
        ]

文档示例。Cascade DropDown Editor