[Tree] Expand / Collapse using the entire label

[ShahinLotfi]

Hi,

I'm using a basic Tree component with a custom nodeTemplate. I was wondering if there is a way to expand/collapse using the label, and not just the toggler. Any and all help is greatly appreciated!

Code: Select all

	const nodeTemplate = (node) => {
	        <div>
	        <!-- Use this button expand/collapse
	         <button>{node.label}</button>
        	</div>
        }
        
	<Tree
		value={menuData}
		className="dropdownTree"
		nodeTemplate={nodeTemplate}
    	/>

Also, thank you for an awesome component library!

[mert.sincan]

Hi,

I made some changes related to nodeTemplate. You can use it with options.onTogglerClick event on 6.3.2+. Details; https://github.com/primefaces/primereact/issues/2019

Code: Select all

const nodeTemplate = (node, options) => {
	        <div className={options.className}>
	        	<!-- Use this button expand/collapse
	                <button type="button" onClick={options.onTogglerClick}>{node.label}</button>
        	</div>
        }

Best Regards,