Hello Will,
the events are working great. Could you just tell me what’s the proper way to set the column width dynamically?
So far I have been just using CSS, but then
$(“#grid”).trigger(“resize”)
ignores the new width. I have tried with
$(“#grid”).jqGrid(‘setColProp’, ‘position’, { widthOrg: newWidth, width: newWidth });
but that results in a larger width than expected.
I saw there’s a plugin for this by Oleg: https://github.com/OlegKi/jqGrid-plugins/blob/master/jQuery.jqGrid.setColWidth.js
Should I maybe use that plugin?
Thank you!
Thank you for the response Will,
Yes, auto-resize sounds like what’s needed.
We managed to achieve this with a TreeGrid that has all the “child” rows loaded on page load (not on-demand), by binding to the “click” event of the “.tree-minus” and “.tree-plus” elements, and manually calculating and setting the width based on the highest level in the grid.
Since we have pretty large data tables, we need to load child rows on-demand.
The problem with the above technique and on-demand loading is that we are unable to attach to “.tree-minus” and “.tree-plus” elements outside of an event that gets called every time a row is expanded (like jqGridAfterLoadComplete), resulting in the width adjustment function getting called multiple times for a single click and giving the wrong result.
Unfortunately calling something like:
$(“body”).on(“click”, “.tree-plus, .tree-minus”, function() { doStuff() });
outside a TreeGrid event doesn’t work.
We are also unable to call .off() before .on(), in the event, since that removes your internal code for actually expanding and loading child rows via Ajax.
Copyright 2014 TriRand LtdAll Rights ReservedRSS
Back to Top
