Question

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

Answer 1

你需要像我一样使用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;
}

Answer 2

它在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>的

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

2 个答案: