Knockout.js 使用knockoutjs取消选中复选框时,取消选择下拉列表中的值
大家好,我正在使用durandaljs作为路由器的knockoutjs中的dropdown来处理checkbox。dropdown的值是从另一个表动态获取的。我的问题是,即使我取消选中复选框,我也会从dropdown中获取值。我的代码如下所示。当我取消选中复选框时,dropdown值应该为nullKnockout.js 使用knockoutjs取消选中复选框时,取消选择下拉列表中的值,knockout.js,durandal,Knockout.js,Durandal,大家好,我正在使用durandaljs作为路由器的knockoutjs中的dropdown来处理checkbox。dropdown的值是从另一个表动态获取的。我的问题是,即使我取消选中复选框,我也会从dropdown中获取值。我的代码如下所示。当我取消选中复选框时,dropdown值应该为null var projectToAdd = { project_TestingCheck: ko.observable(false), project_DevelopmentCheck:
var projectToAdd = {
project_TestingCheck: ko.observable(false),
project_DevelopmentCheck: ko.observable(false),
}
我的Html就像dis
<div class="col-md-6">
<label>
<input type="checkbox" value="" data-bind="checked: projectToAdd.project_TestingCheck" />
Testing
</label>
<select id="select1" data-bind="options: costCodeDropdown, optionsValue:'Id', optionsText:'Name', optionsCaption: 'Select...', value:projectToAdd.project_TestingCheck()?projectToAdd.project_Testing : "", enable:projectToAdd.project_TestingCheck">
</select>
</div>
测试
对于值
绑定,您需要使用一个函数,该函数将在每次projectToAdd.project\u TestingCheck()更改时进行评估:
value: function() { return projectToAdd.project_TestingCheck() ? projectToAdd.project_Testing : ""; }
但最好在视图模型中移动此函数,使其具有更简单的绑定:
视图模型:
var projectToAdd = {
project_TestingCheck: ko.observable(false),
project_DevelopmentCheck: ko.observable(false),
project_TestingWithCheck: function() {
return this.project_TestingCheck() ? this.project_Testing : "";
}
}
绑定:value:projectToAdd.project\u TestingWithCheck
你能发布一个关于你的问题的帖子吗?