我试图开发一个小应用程序。
我做了一个登录视图,它可以工作,我可以绑定用户写的数据。在此之后,我将显示两个选择框。第一个绑定到一个列表(正确),第二个绑定到一个列表,从第一个中选择一个值后填充列表。
我无法读取从第一个列表中选择的值。
我有这个HTML:
<div class="dx-fieldset">
<div class="dx-field">
<div class="dx-field-label">Rete</div>
<div class="dx-field-value"
data-bind="dxLookup: { dataSource: is_retistiSource, value: rete, displayExpr: 'NOME', title: 'Retisti associati', placeholder: 'Selezionare rete',
onSelectionChanged:setRete }" />
</div>
<div class="dx-field">
<div class="dx-field-label">Impianto</div>
<div class="dx-field-value"
data-bind="dxLookup: { dataSource: is_impiantiSource, value: impianto, displayExpr: 'NOME', title: 'Impianti associati', placeholder: 'Selezionare impianto' }" />
</div>
</div>
和这个JavaScript:
OverviewAPP.afterLogin = function (params) {
var isReady = $.Deferred();
var viewModel = {
rete: ko.observable(""),
impianto: ko.observable(""),
is_retistiSource: OverviewAPP.listaReti,
is_impiantiSource: OverviewAPP.listaImpianti,
setRete: function () {
console.log(viewModel.rete);
var nRetisti = OverviewAPP.listaRetiImpianti.length;
for (i = 0; i < nRetisti; i++) {
if (OverviewAPP.listaRetiImpianti[i]["retista"]["NOME"] == this.rete)
{
OverviewAPP.listaImpianti = listaRetiImpianti[i]["listaImpianti"];
break;
}
}
is_impiantiSource = OverviewAPP.listaImpianti;
},
close: function () {
OverviewAPP.app.back();
}
};
return viewModel;
};
在setRete函数的“ console.log(viewModel.rete);”行中,我看到以下输出:
d(){if(0<arguments.length)return d.Wa(c,arguments[0])&&(d.X(),c=arguments[0],d.W()),this;a.k.Ob(d);return c}
为什么?如何绑定和读取所选值?
更新:我已经按照这种方式完成了,它的工作原理是:
setRete: function (e) {
OverviewAPP.IDrete = e.value;
var nRetisti = OverviewAPP.listaRetiImpianti.length;
for (i = 0; i < nRetisti; i++) {
if (OverviewAPP.listaRetiImpianti[i]["retista"]["NOME"] == e.value["NOME"])
{
OverviewAPP.listaImpianti = OverviewAPP.listaRetiImpianti[i]["listaImpianti"];
break;
}
}
//ko.applyBindings(viewModel);
},
但是我不知道如何更新第二个列表“ is_impiantiSource”。
最佳答案
可观察的是函数。这就是为什么您要在控制台中获得功能。调用rete函数以获取其值:
viewmodel.rete();
另请参见描述此内容的Knockout: Observables帮助主题(在“读取和写入可观察对象”下)。
这是获取新值的方法。然后,您需要更新从属查找数据源。为此,将is_impiantiSource属性设置为可观察的数组:
is_impiantiSource: ko.observableArray(OverviewAPP.listaImpianti),
之后,像下面这样在setRene中对其进行修改:
viewModel.is_impiantiSource(OverviewAPP.listaImpianti)
另请参见Observable Arrays,了解如何在淘汰赛中使用数组
关于javascript - 使用DevExtreme和KnockOut绑定(bind)所选值时出错,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/35700827/