Kendo ui 我可以在剑道ui中进行条件绑定吗
仅当指定表达式的计算结果为true时,我需要将绑定应用于要显示在文档中的标记部分(并应用其数据绑定属性)。Kendo ui 我可以在剑道ui中进行条件绑定吗,kendo-ui,Kendo Ui,仅当指定表达式的计算结果为true时,我需要将绑定应用于要显示在文档中的标记部分(并应用其数据绑定属性)。 我尝试使用slideUp/slideDown和可见绑定来实现它。不同之处在于,使用slideUp/slideDown时,包含的标记始终保留在DOM中,并且始终应用其数据绑定属性-可见绑定仅使用CSS切换容器元素的可见性。我假设我需要在DOM中实际添加或删除包含的标记,并且仅当表达式为true时才将绑定应用于子体。任何人都可以提出解决这个问题的好方法。据我所知,您希望使用绑定修改HTML。为
我尝试使用slideUp/slideDown和可见绑定来实现它。不同之处在于,使用slideUp/slideDown时,包含的标记始终保留在DOM中,并且始终应用其数据绑定属性-可见绑定仅使用CSS切换容器元素的可见性。我假设我需要在DOM中实际添加或删除包含的标记,并且仅当表达式为true时才将绑定应用于子体。任何人都可以提出解决这个问题的好方法。据我所知,您希望使用绑定修改HTML。为了实现这一点,您可以使用HTML绑定。例如:
<div id="example">
<input type="checkbox" data-bind="checked: value"/>
<div id="wrapper" data-bind="html: setHTML"></div>
<br />
value: <span data-bind="text: value"></span>
</div>
var viewModel = kendo.observable({
value: false,
name: "Jack",
setHTML: function (e) {
var flag = this.get("value"),
html;
if(flag) { //include the html
html = '<input id="name" data-bind="value: name" />';
return html;
} else { //remove the html
return "";
}
}
});
kendo.bind($("#example"), viewModel);
我希望这个解决方案适合您的情况
kendo.bind($("#wrapper"), viewModel);