在 devExpress 中，如何在 select-box 的下拉列表中添加搜索框

Question

我想在单击 select 框时出现的下拉列表顶部添加一个文本框。 这样，我可以过滤并select一个值。

这可以在 devExpress 中完成吗？

我知道可以使用 dx-template 修改每个单独值的模板，但是否可以修改整个下拉列表（即在顶部添加一个文本框以进行过滤）？

<div dx-select-box="vm.account1BoxConfig">
    <div data-options="dxTemplate:{ name:'accountItem' }">
        <span dx-text-box="{value: 'Mike'}"></span> // not working -- adds text-box to each value
            <span>{{::code}}</span>
            <small style="margin-left: 5px">[{{::name}}]</small>
    </div>
</div>

顺便说一下，我不想在 select-box 元素中键入文本 - 只想在下拉列表顶部的文本框中键入文本。 -- 我知道 select-box 元素可用于键入 filter/search text-.

我能想到的唯一其他选择是创建一个 dx-list 并在单击输入元素时切换它....

Answer 1

我建议您改用 dxLookup。它在开箱即用的下拉列表中提供了一个搜索框。请参阅 http://js.devexpress.com/Demos/WidgetsGallery/#demo/actions_and_lists-lookup-overview 演示。

在 devExpress 中，如何在 select-box 的下拉列表中添加搜索框

In devExpress, how to add a search box within select-box's dropdown list

devexpress

angularjs

devextreme