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

documentation中,仅说明了如何将新项目添加到列菜单,而没有说明如何更改设计或添加其他控件。如果我们查看the example,例如应该可以打开一个列菜单,该菜单可以显示两个自定义样式的单选按钮(男性,女性),其中两个按钮可以接受或拒绝更改。如果更改被接受,则应应用过滤器。

columns header一样,是否可以将模板用于列菜单?如何创建自定义列菜单?

谢谢你。

最佳答案

有关解决方案,请参见plunker

在columnDefs中,您只需要添加menuItems。我很难从您的问题中了解到您到底想要这些附加的下拉选项是什么,因此我在一个非常简单的示例中为您建模了通用格式,其中第一个自定义选项仅在菜单中显示,而第二个自定义选项则不激活包含列名。请让我知道这是否足够。

有关menuItems支持的属性的完整列表,请参见this tutorial

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

    }]
  }

]

10-07 19:26
查看更多