Пользовательская выпадающая кнопка внутри столбца jsGrid - PullRequest
Новая
       5

Пользовательская выпадающая кнопка внутри столбца jsGrid

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

Я хочу добавить пользовательскую выпадающую кнопку из шаблона в столбец jsGrid. У меня возникли проблемы с определением правильного синтаксиса. Я знаю, как написать это в html, но мне нужно, чтобы он отображался внутри jsGrid. Проблема действительно в том, что вся раскрывающаяся часть работает.

Я посмотрел на несколько похожих тем, но не смог найти решение. Я понимаю, что моему js-коду не хватает функциональности из html, и я не уверен, как его включить.

В моем разделе полей jsGrid у меня есть что-то вроде этого: 

      { name: "Select",
      itemTemplate: function(value, item) {
            var $customButton = $("<button>").attr({class: "btn"});
            return $("<div>").add($customButton);
        }}
    ]

В html кнопка разделения будет: 


<div class="dropdown">
  <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Dropdown button
  </button>
  <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
    <a class="dropdown-item" href="#">Action</a>
    <a class="dropdown-item" href="#">Another action</a>
    <a class="dropdown-item" href="#">Something else here</a>
  </div>
</div>

Мой код поместит пользовательскую кнопку внутри jsGrid, но у нее нет функции. Html-код создаст рабочую выпадающую кнопку.

...