Question

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

Answer 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/

Kendo UI实施问题

1 个答案: