Knockout.js 敲除链接的DropDownList ko.observableArray()-所选插件
主要问题是我需要将两个选择链接起来。 当我在第一个选择中选择一个国家时,第二个选择必须显示所选国家的状态 我得到的是定制绑定:Knockout.js 敲除链接的DropDownList ko.observableArray()-所选插件,knockout.js,jquery-chosen,Knockout.js,Jquery Chosen,主要问题是我需要将两个选择链接起来。 当我在第一个选择中选择一个国家时,第二个选择必须显示所选国家的状态 我得到的是定制绑定: ko.bindingHandlers.chosen = { init: function(element, valueAccessor, allBindingsAccessor, viewModel) { $(element).chosen(); }, update: fu
ko.bindingHandlers.chosen = {
init: function(element, valueAccessor, allBindingsAccessor, viewModel) {
$(element).chosen();
},
update: function(element, valueAccessor, allBindingsAccessor, viewModel) {
$(element).trigger("liszt:updated");
}
};
var viewModel = {
Comunidades : ko.observableArray([
{"name": "Comunidad Valenciana" ,
"id" : 0, "provincias":
[{"name" : "Alicante", "id": 0},
{"name": "Valencia", "id" : 1},
{"name": "Castellon", "id" : 2}
] } ,
{"name": "Madrid" , "id" : 1 },
{"name": "Murcia" , "id" : 2 }]
),
]),
selectedOne : ko.observableArray(),
ko.applyBindings(viewModel);
有了这个,我在HTML选择中显示第一个数组,但我不知道如何在第一个选项中显示“Provincias”
我会试着做一个演示
<link rel="stylesheet" href="http://harvesthq.github.com/chosen/chosen/chosen.css" />
<select data-bind="options: Comunidades , value: selectedOne, chosen : true, optionsText: 'name', optionsValue: 'id' " class="chzn-select" style="width:300px;" ></select>
<select data-bind="options: Comunidades , value: selectedTwo, chosen : true, optionsText: 'name', optionsValue: 'id' " class="chzn-select" style="width:300px;" ></select>
<p data-bind="text: selectedOne"></bind>
<p data-bind="text: selectedTwo"></bind>
这就是我从中得到启发的例子。使用带有淘汰的级联下拉列表,也有助于爸爸的例子。你看起来像这样的东西很完美吗?它是你的吗?如果是,现在就发布作为答案,我将尝试禁用第二个选择。不,我不敢说它是我的:)因为这是约翰·帕帕制作的,他是SPA大师。你仍然应该将其作为答案发布,并将其归功于帕帕如果你愿意,你仍然提供了答案!
])