hide/show many columns

[aldo86Participant]

HI,
I’ve to show/hide many columns at the same time. So I use ‘hidecolumn’/’showcolumn’ but it takes a lot of time (around 10 sec for 30 col).
This is my code:

if($(this).get(0).checked == true){
    			
    			$.each(columnsH,function(k,v){
    				if (jQuery.inArray(v.text, difference)!=-1) {
    					$('#jqxgrid').jqxGrid('hidecolumn', v.datafield);
    				}
    			});
    			
    		}else{
    			$.each(columnsH,function(k,v){
    				if (jQuery.inArray(v.text, difference)!=-1) {
    					$('#jqxgrid').jqxGrid('showcolumn', v.datafield);
    				}
    			});
    			
    		} 

Is there a way to do it faster? For example exist a function to hide a collection of datafield in one time?

Best Regards

[Peter StoevKeymaster]

Hi aldo86,

You can use the Grid’s beginupdate, endupdate methods.

$("#jqxgrid").jqxGrid('beginupdate');
                    $("#jqxgrid").jqxGrid('showcolumn', "col1");
                    $("#jqxgrid").jqxGrid('showcolumn', "col2");
                    $("#jqxgrid").jqxGrid('showcolumn', "col3");
                    $("#jqxgrid").jqxGrid('showcolumn', "col4");
                    $("#jqxgrid").jqxGrid('showcolumn', "col5");
      $("#jqxgrid").jqxGrid('endupdate');

Best Regards,
Peter Stoev

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

[Author]

Posts