Блог

Главная - Вопросы по программированию - поле тегов devextream можем ли мы добавить пользовательскую строку без флажка в angular

поле тегов devextream можем ли мы добавить пользовательскую строку без флажка в angular

#angular #devexpress #devextreme #devextreme-angular

#angular #devexpress #devextreme #devextreme-angular

Вопрос:

Я использую angular 10 и devextream tag-box с флажком, теперь я хочу добавить пользовательский 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>

Комментарии:

1. что вы подразумеваете под строкой данных? вы имеете в виду выбранные элементы внутри поля тегов, которые вы хотите добавить пользовательский шаблон вверху и внизу выбранного элемента?

2. да, пользовательский текст без флажка поверх выбранной строки (элемента)

Ответ №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>

Поле тегов — настройка внешнего вида элемента

Комментарии:

1. Спасибо, что поделились, но в моем сценарии мне нужен флажок для элемента данных (с showSelectionControls= true) и для верхней и нижней строки без флажка

2. Я пока не могу понять вашу идею, вы имеете в виду, что не хотите, чтобы этот текст был интерактивным, просто выберите из флажков в центре? ibb.co/Rj0MhDD

3. Спасибо за ваш вклад, сценарий выглядит так, как будто у нас есть 10 элементов, поэтому мне нужно сначала и последним отобразить 12 элементов без флажка, поэтому текст верхней и нижней строки должен быть пользовательским, он не является частью данных (элемент списка)

4. можете ли вы попробовать группировку в качестве обходного пути, проверьте это: js.devexpress.com/Demos/WidgetsGallery/Demo/TagBox/GroupedItems /…

Метки: