Question

我有六个KendoUI下拉列表框。当其中一个框值发生变化时，如何调用事件来更新数据库中每个下拉框中的数据，以及所有列表框？

Answer 1

将它们全部绑定到由服务器调用更新的相同数据源。无论在那个daatasource中发生什么，都会影响到它的每个元素“绑定”。

http://docs.kendoui.com/api/web/dropdownlist#configuration-dataSource

Answer 2

是的，你可以！您不需要逐个更新，但可以使用数据库中的数据定义和ObservableObject并更新所有内容。

为简单起见，我还要在每个ObservableObject的{{1}}数据源中定义。我所拥有的是：

DropDownList

然后我将其绑定到包含所有var viewModel = kendo.observable({ data : [ [ "text_1_1", "text_1_2", "text_1_3", "text_1_4" ], [ "text_2_1", "text_2_2", "text_2_3", "text_2_4" ], [ "text_3_1", "text_3_2", "text_3_3", "text_3_4" ], [ "text_4_1", "text_4_2", "text_4_3", "text_4_4" ], [ "text_5_1", "text_5_2", "text_5_3", "text_5_4" ], [ "text_6_1", "text_6_2", "text_6_3", "text_6_4" ] ], value: [ "text_1_3", "text_2_2", "text_3_1", "text_4_1", "text_5_2", "text_6_3" ] });。

的HTML元素

DropDownList

HTML是：

kendo.bind($("#dropdown-all"), viewModel);

现在，如果您想更新所有值，您应该：

<div id="dropdown-all">
    <select data-role="dropdownlist" data-bind="source: data[0], value: value[0]"></select>
    <select data-role="dropdownlist" data-bind="source: data[1], value: value[1]"></select>
    <select data-role="dropdownlist" data-bind="source: data[2], value: value[2]"></select>
    <select data-role="dropdownlist" data-bind="source: data[3], value: value[3]"></select>
    <select data-role="dropdownlist" data-bind="source: data[4], value: value[4]"></select>
    <select data-role="dropdownlist" data-bind="source: data[5], value: value[5]"></select>
</div>

在此处运行示例：http://jsfiddle.net/OnaBai/ac5nF/

如何更新6个Kendo UI下拉列表框中的数据

2 个答案: