搜索字段不清楚是否会弹出另一个列表

Question

我将Devextreme模块用于dxlist弹出窗口。我可以打开弹出窗口，并使用搜索输入字段显示项目列表，但是我还有一个列表弹出窗口。当我在第一个弹出窗口中搜索并关闭它时，打开第二个弹出窗口，不会清除搜索字段文本。

    <dx-popup class="popup popupMore" [width]="500" [height]="500" [showTitle]="true" title="{{popupdata.name}}" [dragEnabled]="false"
  [closeOnOutsideClick]="true" [(visible)]="isVisible">

  <div class="list-container">
    <dx-list #list [dataSource]="popupdata.data" [height]="400" [searchEnabled]="true" 
      searchMode="contains"  >
      <div *dxTemplate="let data of 'item'">
        <div>{{data}}</div>
      </div>
    </dx-list>
  </div>
</dx-popup>

以上代码在html中使用。相同的弹出窗口将打开另外两个事件。

示例： 我有三个按钮。当我们单击每个按钮时，我们需要使用不同的数据打开相同的弹出窗口。当我们单击第一个按钮时，此列表弹出窗口将打开并带有搜索选项。我在搜索字段中搜索并关闭了弹出窗口。然后单击第二个按钮，将打开带有新数据的相同弹出窗口，但未清除搜索输入字段。

任何人都可以帮助我，如何清除打开的下一个列表弹出窗口的搜索字段？

谢谢。

Answer 1

如上面的评论中所述，我能想到的最聪明的方法是注册this.addCommentsForm.get('comments').reset(); 的{​​{1}}事件，当被解雇时，您可以：

• 重置dxPopup searchValue选项（使用onShown）。
• 将双向绑定值分配给list.instance组件，然后重置该值。对于这种情况，具体来说，将this.list.instance.option('searchValue','');添加到html dx-list标记中，然后在dx-list的{​​{1}}回调中添加[(searchValue)]="_searchValue"。