0

我在页面中有一个组合框和一个复选框。另外，我使用了 KendoUi 库。组合框有两个选项（0% 和 100%），如果选中该复选框，则组合框值为 100%。问题是，Kendoui 库隐藏了主组合框并生成了自己的元素，看起来像组合框。但是，通过单击复选框，生成的组合框的值不会更改（不是原始组合框）。我的问题是：
是否可以在页面中的某些元素上实现“KendoUi”库？

4

1 回答 1

1

如果这是您的 HTML 代码：

<div>
    <div>
        Combobox:
        <select id="combo"></select>
    </div>
    <div>
        <label>
            100%:
            <input id="hundred" type="checkbox" data-bind="checked: option1"/>
        </label>
    </div>
</div>

以及组合框的 JavaScript 初始化：

$("#combo").kendoComboBox({
    dataTextField : "text",
    dataValueField: "value",
    dataSource    : [
        { text: "0", value: "1" },
        { text: "100%", value: "2" }
    ]
});

您应该为复选框中的更改定义一个处理程序，如下所示：

$("#hundred").on("change", function () {
    if ($(this).is(":checked")) {
        $("#combo").data("kendoComboBox").value(2)
    }
})

在我拦截组合框的任何更改的地方，如果它被选中，那么我将组合框的值设置为2根据先前定义的值是100%.

JSFiddle 在这里显示http://jsfiddle.net/OnaBai/uA6F3/

于 2013-06-19T16:15:33.570 回答