Angular UI Grid - 样式列菜单/应用模板

Question

我想使用angularjs ui-grid并且有一个条件:必须可以设置列过滤器菜单的样式.

在文档中,仅解释了如何将新项添加到列菜单,而不是如何更改设计或添加其他控件.如果我们查看示例,应该可以打开一个列菜单,可以显示两个自定义样式的单选按钮(男性,女性),两个按钮两个接受或拒绝更改.如果接受更改,则应应用过滤器.

是否可以在列菜单中使用模板,因为列标题可以使用？如何创建自定义列菜单？

谢谢.

Answer 1

请参阅plunker获取解决方案。

在您的columnDefs 中，您只需要添加menuItems。我无法从你的问题中理解你到底想要这些额外的下拉选项做什么，所以我在一个非常简单的例子中为你建模了一般格式，其中第一个自定义选项除了显示在菜单中之外什么也不做，第二个选项激活警报包含列名称。请告诉我这是否足够。

有关 menuItems 支持的属性的完整列表，请参阅本教程。

columnDefs: [
  {
    field: 'name',
    menuItems: [{
      title: 'Custom Nothing'
    }, {
      title: 'Column Name',
      action: function() {
        alert(this.context.col.displayName);
      }

    }]
  }

]