我必须在dataView为List时显示几行,并在dataView为Grid时隐藏它。
如何识别选择的布局是网格还是列表
https://www.primefaces.org/primeng/#/dataview
更新: https://forum.primefaces.org/viewtopic.php?f=35&t=55296&p=166260#p166260
提出错误: https://github.com/primefaces/primeng/issues/5507#issuecomment-388518425
答案 0 :(得分:0)
你需要像我一样使用JQuery进行补丁: 从服务加载数据后添加以下代码:
$("<p>Test</p>").insertAfter('p-dataview .ui-dataview-list p-paginator:first');
你需要添加一些css
.ui-dataview-list p {
display: block;
}
.ui-dataview-grid p {
display: none;
}
答案 1 :(得分:0)
它在primeng 上看起来是错误。
我想这是因为dataview componente有两个布局(列表和网格),并且因为它可以同时显示两个,它使用两个标签,默认情况下,你可以看到在线21来自dataview.js ,它设置 "this.layout = 'list';"
,因此我们可以将此变量设置为&#39; grid&#39;在视图上看到gridItem。
由于DataView.layout不是@Input
变量,您只需添加标记<p-dataViewLayoutOptions>
即可在视图中切换或将第21行从dataview.js更改为 "this.layout = 'grid';"
< / em>的