我在页面中有一个组合框和一个复选框。另外,我使用了 KendoUi 库。组合框有两个选项(0% 和 100%),如果选中该复选框,则组合框值为 100%。问题是,Kendoui 库隐藏了主组合框并生成了自己的元素,看起来像组合框。但是,通过单击复选框,生成的组合框的值不会更改(不是原始组合框)。我的问题是:
是否可以在页面中的某些元素上实现“KendoUi”库?
问问题
105 次
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 回答