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

前端之家收集整理的这篇文章主要介绍了angularjs – Angular UI Grid – 样式列菜单/应用模板前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想使用 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);
      }

    }]
  }

]

猜你在找的Angularjs相关文章