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

Question

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

    <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中使用。将为另外两个事件打开相同的弹出窗口。

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

谁能帮我，如何清除下一个打开的列表弹出窗口的搜索字段？