jsGrid列内的自定义下拉按钮

Question

我想将模板中的自定义下拉按钮添加到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代码将产生一个有效的下拉按钮。