Jquery DevExtreme动态dxSelectBox清除选项问题

我创建了两个带有动态值的dxSelectBox控件。我将执行以下步骤

步骤1：从第一个选择框项目中选择“印度”

步骤2：从第二个选择框项目中选择“孟买”

步骤3：（我的问题）在第一个选择框中选择“USA”，然后我需要清除第二个选择框的值，但它不会清除该值

在dxSelectBox值更改事件中，我需要清除另一个dxSelectBox值

HTML代码（视图）：

  <div data-bind="foreach: selectlist">
       <div data-bind="dxSelectBox: {dataSource: selectBoxDataSource, valueExpr: 'id',displayExpr:'name', onOpened:loaddatasource, valueChangeAction: processValueChange,value: selectValue, showClearButton:true }">
       </div>
  <br />
  </div>

---

DevExtreme 14.1和14.2.3中存在清除值为dxSelectBox的错误

看

它在即将发布的14.2.4中得到了修复。现在，您可以在那里下载可用的修补程序

Application1.About = function (params) {
   var ds = [];
   ds[0] = [{ "id": "1", "name": "India" }, { "id": "2", "name": "USA" }];

   ds[1] = [
    { "id": "1", "name": "NewDelhi" },
    { "id": "2", "name": "Mumbai" },
    { "id": "3", "name": "California" },
    { "id": "4", "name": "Washington DC" }
   ];


  function selectViewModel(dataSource) {
    console.log(dataSource);
    this.selectBoxDataSource = ko.observableArray('');
    this.selectValue = ko.observable();
    this.loaddatasource = function (e) {
        this.selectBoxDataSource(dataSource);
    };
    this.processValueChange = function (e) {
        viewModel.selectlist()[1].selectValue("");
    }
  }

  var viewModel = {
    selectlist: ko.observableArray(),
    viewShown: function () {
        this.selectlist.push(new selectViewModel(ds[0]));
        this.selectlist.push(new selectViewModel(ds[1]));
    }
  };
   return viewModel;
 };