Question

我对ag网格标题组有问题。实际上，这是下拉菜单未显示的问题。在此示例中，我尝试了许多CSS属性：bootstrap dropdown可以正常工作，但找不到合适的属性。正常的select标签工作得很好，但是我不希望这样。我希望单击时显示下拉菜单的单个图标。有人完成吗？或知道如何处理。我将在代码中附加有效的选择（位于第一个左侧）和无效的引导程序下拉列表，其中按钮“假装”（用于非浪费时间）为图标（从左数第二个）。

 function customHeaderGroup() {}

    customHeaderGroup.prototype.init = function (params) {
        this.eGui = document.createElement('div');
        this.eGui.className = 'ag-header-group-cell-label';
        this.eGui.innerHTML =
            `<div>

                    <span>
                      ${params.displayName}
                        <select>
                            <option value="1" class="select-opt">'1'</option>
                            <option value="2" class="select-opt">'2'</option>
                            <option value="3" class="select-opt">'3'</option>
                        </select>
                    </span>
                    <div class="dropdown">
                      <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        icon
                      </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>
                </div>`;
    };
    customHeaderGroup.prototype.getGui = function () {
        return this.eGui;
    };
    customHeaderGroup.prototype.destroy = function () {};

Plnkr

标头组组件中的ag-grid图标下拉菜单

0 个答案: