Отображение раскрывающегося списка для столбца в строке таблицы - PullRequest
Новая
       31

Отображение раскрывающегося списка для столбца в строке таблицы

0 голосов
/ 17 апреля 2019

Я создал одну таблицу с помощью модуля DevExtreme и нахожу приведенный ниже код 

<div id="data-grid">
  <div id="data-grid-table">
    <dx-data-grid id="gridContainer" keyExpr="emailId"  [dataSource]="userAccessList" [allowColumnReordering]="true" (onRowUpdated)="onRowUpdated($event)" (onRowRemoved)="onRowRemoved($event)" [showRowLines]="true" [showBorders]="true">
      <dxo-editing mode="row" refreshMode="repaint" [allowUpdating]="true" [allowDeleting]="true" [useIcons]="true"></dxo-editing>
      <dxi-column dataField="emailId" alignment="center" [allowEditing]="false" ></dxi-column>
      <dxi-column dataField="name" alignment="center" caption="name">
      </dxi-column>
      <dxi-column dataField="Designation" alignment="center" caption="Designation" [width]="100">
      </dxi-column>
    </dx-data-grid>
  </div>
</div>

Вышеприведенное изображение отображается правильно, но когда я нажимаю на иконку редактирования, для поля имени отображается поле ввода, но мне нужен раскрывающийся список.

Пожалуйста, помогите мне решить эту проблему?

Заранее спасибо.

1 Ответ

0 голосов
/ 03 мая 2019

Используйте <dxo-lookup> со списком имен для выбора в качестве dataSource: 

<dxi-column dataField="name" alignment="center" caption="name">
    <dxo-lookup [dataSource]="listOfNames"></dxo-lookup>
</dxi-column>

Примечание : Если ваше имя является объектом, а не строкой (скажем, listOfNames = [ {firstname: '', lastname: ''}, ... ] для примера), вы можете отображать и использовать определенные свойства объекта, например: 

<dxi-column dataField="name" alignment="center" caption="name">
    /**Uses the firstname as the value selected and as the value displayed in the dropdown list*/
    <dxo-lookup [dataSource]="listOfNames" valueExpr="firstname" displayExpr="firstname"></dxo-lookup>
</dxi-column>
...