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 回答