javascript - Angular ng-网格-从列菜单中隐藏/删除列输入

Question

当您使用具有 true 值的标志“showColumnMenu”时。ng-grid 通过右端顶部面板上的按钮呈现。

使用此按钮我们可以隐藏/显示网格上的列。

就我而言，我不想让某些列在网格上可见 - 这意味着我希望在没有某些列的情况下呈现列菜单框。

我创建了 plunker 来证明我的问题

> http://plnkr.co/edit/VXOzBIRfyY3FoCTct9PI?p=preview

在该 plnkr - 我使用 (visible: false) 将列“Id”设置为不可见但是如果用户单击右端面板上的列菜单他将能够将其设置为可见..

编辑

我需要介绍的另一个场景是存在其他一些情况的情况列说“名称”，我不希望让用户在列菜单中配置它(通过将其设置为不可见) - 这意味着列“名称”必须始终位于网格上!并且用户不需要在列菜单中看到它..

所以，如果我可以在列菜单中隐藏这些列(id，name)就好了我的问题将会得到解决..

谢谢!

Answer 1

您可以在 ng-grid 源文件中编辑一点 menuTemplate.html

1. 查找从以下位置开始的行:$templateCache.put('menuTemplate.html',

和行

<label><input ng-disabled=\"col.pinned\" type=\"checkbox\" class=\"ngColListCheckbox\" ng-model=\"col.visible\"/>{{col.displayName}}</label>\r" +

更改为

<label ng-hide=\"col.colDef.alwaysVisible\"><input ng-disabled=\"col.pinned\" type=\"checkbox\" class=\"ngColListCheckbox\" ng-model=\"col.visible\"/>{{col.displayName}}</label>\r" +

现在您可以添加

alwaysVisible:true

到columnDefs就完成了

请在此处查看工作演示 http://plnkr.co/edit/qmoILJ5LTMSlH7Uv9Rw8?p=preview