Инструменты панели инструментов TransferTo и TransferAllTo kendoListBox не работают в виртуальной оболочке - PullRequest
Новая
       39

Инструменты панели инструментов TransferTo и TransferAllTo kendoListBox не работают в виртуальной оболочке

0 голосов
/ 18 декабря 2018

Я пытаюсь реализовать transferTo и transferAllTo Инструменты панели инструментов ListBox с оболочками Kendo Vue.

Я попытался реализовать ту же функцию в jquery, и она работает.Параллельно настройки выглядят одинаково, но версия vue wrapper не работает.Оболочка - это просто обёртка для jquery, поэтому я думаю, что она должна работать.См. этот slackBlitz в качестве примера. 

<div id="vueapp" class="vue-app">
  <h4> Made with vue wrapper</h4>
  <kendo-listbox ref="listbox1" 
        :connect-with="'listbox2'"
        :data-source="['Item1','Item2']"
        :toolbar-tools="['transferTo', 'transferFrom', 'transferAllTo', 'transferAllFrom']">
  </kendo-listbox>
  <kendo-listbox ref="listbox2"
        :connect-with="'listbox1'"
        :data-source="[]">
  </kendo-listbox>
  </br>
  <h4>Made with jquery</h4>
  <select id="listboxA"></select>
  <select id="listboxB"></select>
</div>

script 

$("#listboxA").kendoListBox({
  connectWith: "listboxB",
  dataSource: [ "ItemA","ItemB"],
  toolbar: {
      tools: [ "transferTo", "transferFrom", "transferAllTo", "transferAllFrom" ]
  }
});

$("#listboxB").kendoListBox({
  connectWith: "listboxA",
  dataSource: []
});

1 Ответ

0 голосов
/ 18 декабря 2018

Успел починить сам.Заменив атрибут ref на id, я смог заставить его работать. 

<kendo-listbox id="listbox1"
    :connect-with="'listbox2'"
    :data-source="['Item1','Item2']"
    :toolbar-tools="['transferTo', 'transferFrom', 'transferAllTo', 'transferAllFrom']">
</kendo-listbox>
<kendo-listbox id="listbox2"
    :connect-with="'listbox1'"
    :data-source="[]">
</kendo-listbox>
...