show/hide column : jqxDropDownList (checkboxes)

[redjaneMember]

How to show hide columns with a jqxDropDownList and checkboxes?
Showing the column works, but not hiding, I can not uncheck, keeps checked.

What I have :

$("#jqxWidget").jqxDropDownList('checkIndex', 0);
$("#jqxDropDownList").jqxDropDownList({ autoOpen: false,checkboxes: true,source: sourcedd, selectedIndex: 0, width: '250px', height: '25px', theme: 'energyblue' });
                
$('#jqxDropDownList').on('checkChange', function (event) {
	if (event.args) {
		var item = event.args.item;
		if (item) {
			if (item.value == "Hide/Show Function"){
				if (item.checked = "true") {
					$("#jqxgrid").jqxGrid('showcolumn', 'function');
				}else{	
					$("#jqxgrid").jqxGrid('hidecolumn', 'function');
				}
			}
		}
	}
});

[Peter StoevKeymaster]

Hi redjane,

I suppose that it should be:

if (item.checked == true)
{
// code here
}

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com/

[redjaneMember]

Thx… Oh, stupid me… still not working with ” == ” ,but without true/false its working. Easy !

if (item.checked ) {
	$("#jqxgrid").jqxGrid('showcolumn', 'function');
}else{	
	$("#jqxgrid").jqxGrid('hidecolumn', 'function');
} 

[Author]

Posts