我想使用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);
}
}]
}
]