angular - PrimeNG p-tree 过滤器问题
问题描述
不显示子节点,我们必须手动打开树才能看到过滤结果。
在 html 文件中:
<p-tree [value]="filesTree2" filter="true" selectionMode="single" filterMode="strict"></p-tree>
在 component.ts 中:
filesTree2: TreeNode[] =
[
{
"label": "Documents",
"key": "Documents",
"data": "Documents Folder",
"expandedIcon": "fa fa-folder-open",
"collapsedIcon": "fa fa-folder",
"children": [{
"label": "Work",
"key": "Work",
"data": "Work Folder",
"expandedIcon": "fa fa-folder-open",
"collapsedIcon": "fa fa-folder",
"children": [{"label": "Expenses.doc", "key": "Expenses.doc", "icon": "fa fa-file-word-o", "data": "Expenses Document"}, {"label": "Resume.doc", "key": "Resume.doc", "icon": "fa fa-file-word-o", "data": "Resume Document"}]
},
{
"label": "Home",
"key": "Home",
"data": "Home Folder",
"expandedIcon": "fa fa-folder-open",
"collapsedIcon": "fa fa-folder",
"children": [{"label": "Invoices.txt", "key": "Invoices.txt", "icon": "fa fa-file-word-o", "data": "Invoices for this month"}]
}]
},
{
"label": "Pictures",
"key": "Pictures",
"data": "Pictures Folder",
"expandedIcon": "fa fa-folder-open",
"collapsedIcon": "fa fa-folder",
"children": [
{"label": "barcelona.jpg", "key": "barcelona.jpg", "icon": "fa fa-file-image-o", "data": "Barcelona Photo"},
{"label": "logo.jpg", "key": "logo.jpg", "icon": "fa fa-file-image-o", "data": "PrimeFaces Logo"},
{"label": "primeui.png", "key": "primeui.png", "icon": "fa fa-file-image-o", "data": "PrimeUI Logo"}]
},
{
"label": "Movies",
"key": "Movies",
"data": "Movies Folder",
"expandedIcon": "fa fa-folder-open",
"collapsedIcon": "fa fa-folder",
"children": [{
"label": "Al Pacino",
"key": "Al Pacino",
"data": "Pacino Movies",
"children": [{"label": "Scarface", "key": "Scarface", "icon": "fa fa-file-video-o", "data": "Scarface Movie"}, {"label": "Serpico", "key": "Serpico", "icon": "fa fa-file-video-o", "data": "Serpico Movie"}]
},
{
"label": "Robert De Niro",
"key": "Robert De Niro",
"data": "De Niro Movies",
"children": [{"label": "Goodfellas", "key": "Goodfellas", "icon": "fa fa-file-video-o", "data": "Goodfellas Movie"}, {"label": "Untouchables", "key": "Untouchables", "icon": "fa fa-file-video-o", "data": "Untouchables Movie"}]
}]
}
];
请帮助我,谢谢
解决方案
I think it is a PrimeNG version issue.
In version 7.1.3 , it is not expanding
In version 8.1.1 (Latest stable version), it is expanding
Check your package.json file and update primeng dependency.
"dependencies": {
//...
"primeng": "^8.1.1",
"primeicons": "^2.0.0"
},
For more details:
推荐阅读
- r - 子集数据框以排除三列具有 NA 值的值
- javascript - Javascript 元素对象未引用 DOM 输入元素
- mongodb - MongoDB 查询 - 聚合和嵌入文档
- javascript - 角度传递子数据以查看
- image - 谷歌地图静态图片给了我错误的地图类型?
- batch-file - 设置为从预设类别中选择随机文件的批处理文件未选择随机文件(继续选择最后一个文件!)
- python - 由于 EnvironmentError --user 导致权限被拒绝,无法安装软件包
- css - 无法防止 :hover 重复触发
- mysql - 如何连接来自不同表的多行和单行
- disk.frame - 如何找出我的 disk.frame 使用了多少个工人?