Может ли выбор строки таблицы начальной загрузки быть выбран с помощью флажка - PullRequest
Новая
       13

Может ли выбор строки таблицы начальной загрузки быть выбран с помощью флажка

3 голосов
/ 19 июня 2019

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

Я также хотел бы знать, можно ли выбрать все строки с помощью левого верхнего флажка.

взгляните на мой jsfiddle, чтобы увидеть, что у меня есть сейчас.

  • строк выбирается с помощью флажка для каждой строки
  • все строки выбираются с помощью левого верхнего флажка

https://jsfiddle.net/itsjess/mLztuf6o/2/ 

<b-table id="my-table" class="mb-20" :borderless="true" 
      :items="merchants" :fields="fields" selectable @row- 
      selected="rowSelected" selectedVariant="success" :per- 
      page="perPage" :current-page="currentPage" small responsive>
     <template slot="HEAD_index" slot-scope="data">
                <b-form-checkbox></b-form-checkbox>
            </template>

     <template slot="index" slot-scope="data">
                <b-form-checkbox :id="'checkbox' + data.index" v-model="data.item.index" checked="checked">
                </b-form-checkbox>
            </template>

    <template slot="outlet" slot-scope="data">
                {{ data.item.name }}
            </template>

     <template slot="orderacc" slot-scope="data">
                on
            </template>

     <template slot="taskcomp" slot-scope="data">
                40%
            </template>
</b-table>

1 Ответ

0 голосов
/ 19 июня 2019

Я не вижу никакой поддержки выбора строк с помощью флажка в таблице начальной загрузки, поэтому, вероятно, вам придется самостоятельно обработать этот случай:

Удалить привязки selectable и @row-selected и добавить выбранные элементы вваш собственный массив.Я подготовил некоторую реализацию из вашего jsfiddle: https://jsfiddle.net/maxsinev/unp7jzwo/

PS Если у вас будет таблица с динамическими элементами, которую вы получите через некоторый API, необходимо будет хранить uuid в качестве значения флажка вместоссылка на объект (как в моем jsfiddle).

...