angular - devextream 标记框我们可以在角度中添加没有复选框的自定义行吗

Question

我正在使用带复选框的 angular 10 和 devextream 标记框，现在我想在选择的数据行的顶部和底部添加自定义 div，不会勾选任何建议如何实现。

 <div class="dx-field-value">
            <dx-tag-box
            [dataSource]="products"
            displayExpr="Name"
            valueExpr="Id"
            [showSelectionControls]="true"
            [maxDisplayedTags]="3"
            itemTemplate="item">
            <div *dxTemplate="let data of 'item'">
              
                <div style="display:inline-block">{{data.Name}}</div>
            </div>
        </dx-tag-box>
        </div>

标签： angulardevexpressdevextremedevextreme-angular

Answer 1

你可以禁用showSelectionControls并尝试：

 <div class="dx-field-value">
  <dx-tag-box
    [dataSource]="products"
    displayExpr="Name"
    valueExpr="Id"
    [showSelectionControls]="false"
    [maxDisplayedTags]="3"
    itemTemplate="item">
    <div *dxTemplate="let data of 'item'">
      <div>TOP</div>
      <div>{{data.Name}}</div>
      <div>BOTTOM</div>
    </div>
  </dx-tag-box>
</div>

TagBox - 自定义项目外观