angular-tree-component
angular-tree-component copied to clipboard
Can I have DisplayField with more than 1 values?
Im wondering can I assign DisplayField with more than 1 values? For example, the normal situation is
nodes = [
{
_id: '1',
title: 'root1',
nodes: [{_id: '3', title: 'child1'}]
},
{
_id: '2',
title: 'root2'
}
];
options: ITreeOptions = {
idField: '_id',
displayField: 'title',
childrenField: 'nodes'
};
What Im try to achieve is something like
nodes = [
{
_id: '1',
title: 'root1',
nodes: [{_id: '3', title: 'child1'}]
},
{
_id: '2',
titleOption: 'root2',
nodes: [{_id: '4', titleOption: 'child2'}]
}
];
options: ITreeOptions = {
idField: '_id',
displayField: 'title' || 'titleOption',
childrenField: 'nodes'
};
any way to achieve it?
I think we can have a displayField that's a function that gets the TreeNode. So something like:
displayField: (node) => node.data.title || node.data.titleOption
If someone is willing to create a PR for this and add tests I will merge
Is it possible to build displayField as below?
displayField: (node) => { return ${node.data.someNumber} ${node.data.title}}