如何以编程方式将值输入到 devExtreme 列表搜索框并触发将像往常一样过滤列表的事件？

Question

这里有 DevExtreme 用户吗？我有一个值需要输入到 dxList 搜索栏（而不是用户输入），我想要的是设置搜索栏文本框值并相应地过滤列表，我可以在哪里配置它？我的意思是搜索栏必须有一个 id 对吗？在哪里可以找到 searchBarId 和如下代码？

document.getElementById("searchBarId").value = "ABC";

我尝试通过以下方式获取 HtmlCollection：

var textContainer = document.getElementByClassName("dx-texteditor-input-container")[0];

然后一旦我得到它并设置值

textContainer.value = "ABC"

设置了值但没有触发过滤功能。是否需要手动调用过滤函数？怎么做？感谢您的任何评论。

Answer 1

我推荐使用 option(optionName, optionValue) method on the dx-list instance to set the searchValue 属性.

示例：

var listWidget = $("#list").dxList({
    dataSource: products,
    searchEnabled: true,
    searchExpr: "Name",
    displayExpr: "Name"
}).dxList("instance");

listWidget.option('searchValue', 'my search input');

如何以编程方式将值输入到 devExtreme 列表搜索框并触发将像往常一样过滤列表的事件？

How to programmatically input value to devExtreme List search box and trigger the event that will filter the list as usual?

javascript

devextreme