Show/hide selected rows

[stephenmcMember]

Hi

Im relatively new to jqxWidget, so this may be an easy question for most of you!

I have a toggle button at the bottom of jqxGrid (custom jQuery) which, when selected, should toggle between All, and Selected rows. Im probably using the ‘hiderowdetails’ method incorrectly, but I assumed I can just do something like

				for (var ri = 0; ri < grid.jqxGrid('getdatainformation').rowscount; ri++){
					if(selectedIndexes.indexOf(ri) < 0){
						grid.jqxGrid('hiderowdetails', ri);
						//console.log("Row (apparently) hidden");
					}
				}	

Any help greatly appreciated.

[Peter StoevKeymaster]

Hi stephenmc,

The “showrowdetails” and “hiderowdetails” are methods for showing/hiding row details, but not Rows in the Grid. What is the idea of your code? Hiding the details of the unselected rows?

Best Regards,
Peter Stoev

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

[stephenmcMember]

Hey Peter

Thanks for responding.

Yeah I figured that was the purpose of those two methods. The idea is to toggle between checked rows and all rows (retaining rows that are selected). Initially I was using two view models, and just rendering the grid again each time, but there is a performance degradation with this.

I then implemented a jQuery solution using hide(), but that causes issues with the displayed rows being truncated.

Any ideas?

[JessGOParticipant]

Hi everybody
I did this solution:
$(“#hide”).click(function(){
var rows = $(“#grid”).jqxGrid(‘getdatainformation’);
for (var ri = 0; ri <rows.rowscount; ri++){
$(“#grid”).jqxGrid(‘hiderowdetails’,ri);
}
});

Best Regards 🙂

[Author]

Posts