Question

＆GT;＆GT;＆GT;＆GT; EDITED＆LT;＆LT;＆LT;＆LT;

如何在<dxo-lookup>列中插入图标？

这是我的代码有效，但我不知道如何进行插入图标

HTML

<dx-data-grid ......
   .....
   <dxi-column dataField="tipo" cellTemplate="cellTemplate">

      <dxo-lookup
           [dataSource]="typeColumsDataSource"
           valueExpr="id"
           displayExpr="descr">
      </dxo-lookup>
   </dxi-column>

   <div *dxTemplate="let data of 'cellTemplate'">
    <span class="dx-icon-home icon"></span> {{data.value}} {{data.text}}
  </div>

打字稿

this.typeColumsDataSource = {
          store: {
              type: 'array',
              data: [
                  { id: 0, descr: 'None' },
                  { id: 1, descr: 'Gift' },
                  { id: 2, descr: 'Request' },
                  { id: 3, descr: 'Gift/Request' },
              ],
              key: "id"
          }
      };

＆GT;＆GT;＆GT;＆GT; EDITED＆LT;＆LT;＆LT;＆LT;

现在我在模板中添加了一个固定图标，我需要根据data.value更改图标，我该怎么办？

我可以在模板中插入“if”吗？我可以在组件中调用方法吗？

Answer 1

您可以在this guide

之后自定义列的外观

基本上这是所需代码的概念：

Public Sub PrintActiveDocumentAndAddSerialNumberBookmark()

devextreme datagrid angular - 在查找列中插入一个图标<dxi-column>

1 个答案: