剑道下拉列表级联：在子下拉列表中没有显示任何内容？

Question

我试图手动控制级联剑道下拉列表。我将一个“级联”事件绑定到父级，触发后，转到我的服务器获取与父级dropdownlist值关联的子dropdownlist值，并尝试更新子数据源：

子DropDown.setDataSource（新kendo.data.DataSource（{data：结果rr.field值 }));

这确实设置了子级的数据源，但在子级dropdownlist中没有显示任何内容。

我的下拉列表定义为输入元素，其中父级的数据源是使用mvvm方法在输入元素中设置的data source=“[\'option1\'，\'option2\'，\'option3\']”“（动态构建它们，因此将它们构造为字符串并添加到模板）。

我相信这个问题是因为没有cascadeFromField，因为我的dataSource只包含选项字符串，而不是对象，但不知道如何修复，当我动态构建超文本标记语言，所以必须设置dataSource在dropDownlist元素字符串。

是否可以利用剑道级联下拉列表，在每次父项更改时手动更改子项选项，就像我尝试做的那样？




Answer 1

您可以简单地将更改事件附加到主下拉列表，这样当它更改时，它将重新加载子下拉列表的数据源。下面是一个示例，SourceID是主下拉列表，SubSourceID是子下拉列表：

function OnChangeSourceID() {
    var kendoSubSourceID = $('#SubSourceID').data('kendoDropDownList');
    var sourceID = $('#SourceID').data('kendoDropDownList').value();

    kendoSubSourceID.setDataSource({
        serverFiltering: true,
        transport: {
            read: {
                contentType: 'application/json',
                type: 'POST',
                url: requestURL + '&source=' + sourceID,

            },
            parameterMap: function(data) {
                return kendo.stringify(data);

            },

        },
        schema: {
            data: 'data',
            total: 'total',

        },

    });

}

如果你有任何问题，请随时提问。我希望我能帮上忙。