Jquery 基于dxSelectBox选择-Devextreme更新DXTextBox

我已经搜索过了，但似乎找不到适合我的情况的合适方法

我的Devextreme应用程序中有一个dxSelectBox。此dxSelectBox中的数据来自自定义数据源。 然后，我的页面上有几个DXTextBox。 基于对dxSelectBox的选择，我想用只适用于所选项目的数据填充DXTextBox

这是我为dxSelectBox设计的代码

                <div class="dx-field">
                <div class="dx-field-label">Site: </div>
                <div class="dx-field-value" id="cboSite" data-bind="dxSelectBox: { dataSource: siteStore, displayExpr: 'SiteName',value:'SiteID', onItemClick: GetBoxValue}"></div>
            </div>

从我的服务中得到的是 名称、代码、ID、站点ID、站点名称

我想在“位置”下拉列表中选择站点名称，然后应用程序必须用名称、代码和ID值填充字段

---

有人能为我指点迷津吗？

在您的情况下，您可以使用来检查selectbox所选项目的更改时间。因此，代码可以如下所示：

var selectedItem = ko.observable(null),
    name = ko.observable(""),
    id = ko.observable(""),
    code = ko.observable("");

ko.computed(function(){
    var value = selectedItem();
    if(value) {
      name(value.name);
      id(value.id);
      code(value.code);
    }
});

这里有一个

selectedItem

值，其中包含当前选择的selectbox值。此外，还有

名称

、

id

和

代码

值，它们包含所选项目的特定字段

更改

selectedItem

时，将触发

ko.computed

函数并更新相关值

我在这里创建了一个小样本-

您也可以在中找到有关

dxSelectBox

小部件的

selectedItem

选项的更多信息

var selectedItem = ko.observable(null),
    name = ko.observable(""),
    id = ko.observable(""),
    code = ko.observable("");

ko.computed(function(){
    var value = selectedItem();
    if(value) {
      name(value.name);
      id(value.id);
      code(value.code);
    }
});