Sid*_*ota 3 angularjs bootstrap-popover angular-ui-grid ui-grid
我正在尝试深入研究Angular UI-Grid的API,以确保我为我的单元头实现Bootstrap Popover.我一直在看,但找不到任何解决方案.
像这样的东西 - plnkr.co/edit/UJJttN
我也试图让popover只发生在标题单元格中.有什么建议？
小智 6
看一下用于popover的UI-Bootstrap文档:https://angular-ui.github.io/bootstrap/#/popover
你在你plnkr使用旧版本的用户界面,引导的,所以如果你升级,你将需要改变的属性popover=""和popover-template="",如果升级到最新,以uib-popover=""和uib-popover-template=""
话虽这么说,你可能会注意到popover文档中属性旁边的$ icon /徽章uib-popover-template(没有徽章的副本,不知道它为什么存在.)
从文档中的图标键,$ icon/badge表示以下内容:
此设置需要角度表达式而不是文字字符串.如果表达式支持布尔/整数,则可以直接传递它.
您需要将URL放在范围变量中的弹出模板中,并在角度表达式中引用它popover-template="ANGULAR.EXPRESSION",而不是像往常一样传递文字字符串.
我已经修改了你的plnkr这样做了,现在popover按预期工作. http://plnkr.co/edit/qc8MNQKch1IIdz2zVtRX?p=preview
关于标题
的popover你能说清楚,你想要只为列标题显示popover吗？在这种情况下,您需要使用a headerCellTemplate而不是a cellTemplate.我还修改了你的plnkr来展示如何做到这一点.将鼠标悬停在网格2的Roles列标题上以查看此内容,并检查添加到plnkr的模板文件.
在plnkr示例中,您将在静态弹出窗口(网格1)和模板弹出窗口(网格2)中引用单元格数据.这只是为了测试目的吗？headerCellTemplate无法提供单元格数据的"行".
我希望这是有帮助的!
| 归档时间： |
|
| 查看次数： |
2533 次 |
| 最近记录： |