devextreme-dropdownbox-implement-search-for-treelist/Angular/src/app/app.component.html at 25.2.6+ · DevExpress-Examples/devextreme-dropdownbox-implement-search-for-treelist · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<div class="dx-viewport demo-container">
  <div class="row">
    <p>DropDownBox with search and embedded TreeList</p>
    <app-drop-down-list
      [selectedRowKey]="22"
      [dataSource]="dataSource"
      [dropDownBoxDataSource]="dropDownBoxDataSource"
      [searchTimeout]="searchTimeout"
      [displayExpr]="displayExpr"
      [searchExprValue]="searchExprValue"
    ></app-drop-down-list>
  </div>

  <div class="options">
    <div class="caption">Search Options</div>
    <div class="option">
      <div>Search Expression</div>
      <dx-select-box
        [items]="searchExprItems"
        displayExpr="name"
        valueExpr="value"
        [(value)]="searchExprValue"
      ></dx-select-box>
    </div>
    <div class="option">
      <div>Search Timeout</div>
      <dx-number-box
        [min]="0"
        [max]="10000"
        [(value)]="searchTimeout"
        [showSpinButtons]="true"
        [step]="100"
      ></dx-number-box>
    </div>
  </div>
</div>