panel collapse on header click

[yogesh]

i am able to collapse panel using button by setting collapsible button

but if i want to collapse the panel on the header clicks how to do that is there any property which i need to set ?

[stworthy]

Try the following code:

Code:

var p = $('#p');
p.panel('header').click(function(){
	if (p.panel('options').collapsed){
		p.panel('expand',true);
	} else {
		p.panel('collapse',true);
	}
});

[yogesh]

good its working

but how to achieve same on the datagrid header and treegrid header

[stworthy]

The key task is to get datagrid panel, the code below shows how to do this.

var p = $('#dg').datagrid('getPanel');
p.panel('header').click(function(){
//...
});

[yogesh]

thanks