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

发布时间：2020-12-17 18:08:17 所属栏目：安全来源：网络整理

导读：我想使用 angularjs ui-grid并且有一个条件：必须可以设置列过滤器菜单的样式. 在documentation中,仅解释了如何将新项添加到列菜单,而不是如何更改设计或添加其他控件.如果我们看一下the example,应该可以打开一个列菜单,可以显示两个自定义样式的单选按钮(

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

    }]
  }

]

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!