devExpressでは、選択ボックスのドロップダウンリストに検索ボックスを追加する方法

Question

選択ボックスがクリックされたときに表示されるドロップダウンリストの上部にテキストボックスを追加したいとします。 このようにして、値をフィルタリングして選択することができます。

これは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要素を使用して、filter/search text-を入力することができます。

私は考えることができる唯一の他のオプションは、DX-リストを作成し、入力要素がクリックされたときにそれを切り替えることである....

Answer 1

私はあなたの代わりにdxLookupを使用することをお勧め。それはすぐにドロップダウンの検索ボックスを提供します。デモのhttp://js.devexpress.com/Demos/WidgetsGallery/#demo/actions_and_lists-lookup-overviewをご覧ください。