仅当dataView在PrimeNG中为List时才显示标题

时间:2018-04-04 08:47:58

标签: angular gridview primeng dataview

我必须在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

2 个答案:

答案 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>的