Quick rendering of modified ASP.NET GridView w/ some jQuery magic

-
I came across a powerful performance saver using jquery while adding a column to an Asp.Net GridView client-side.  Put very simply, when creating the columns (including the header), set the display to "none".  Group the new header column and each new row's column with a special css class (like "somethingfunkythiswaycomes").

When all the rows have been changed (at the end of your .each jquery loop), simple call:

$(".somethingfunkythiswaycomes").show();

In firefox and chrome, the rendering is very fast and the whole action is at least as fast as a partial postback, w/o any annoying flicker.

NOTE:  In IE (which continues to stand tall as the world's worst browser - maybe IE 9 will change my mind...), this technique does NOT work.  When I tried to use this on a 1000 row result set, it took 20 minutes to re-render.  20 freakin' minutes!?  Are you insane??  In Firefox 3 and Chrome 4, it took maybe 2 - 3 seconds!

Could be another case of Microsoft vs. Microsoft since they've officially adopted jQuery as one of their few open-source babies and I found this gargantuan performance difference using jQuery...

Needless to say, since most of the world is still stuck with the gunk that is IE, I had to do it all server-side, which turned out to be much, much more complex and annoying.  I needed to dynamically add/remove a column somehow so as not to bloat our html output from the server when we didn't need to (and yes, hidden columns still result in additional html).  I managed to do this using partial postbacks and hacking the view state.  Much more messy than a few simple lines of client-side javascript...

Comments

Post a Comment

Popular posts from this blog

35x Improved T-SQL LevenShtein Distance Algorithm...at a cost

-
At work, we noticed a considerable performance hit using a T-SQL implementation of the Levenshtein algorithm created by Michael Gilleland found here . It seems to me that his approach was to replicate the C-code algorithm found in Wikipedia in T-SQL rather than taking a step back and re-conceptualizing the algorithm from a T-SQL standpoint. Feel free to correct me, but it see ms that the algorithm focues on three things to find the shortest distance between two strings (what it takes to make them the same): How many character insertions are necessary How many character deletions are necessary How many character substitutions are necessary These three traits are necessary to accommodate mis-aligned strings because of typos. If the algorithm is not designed with these constraints, one missing letter will result in inaccurate reporting because it throws the indexing off. The C-code example in Wikipedia uses a 2-D matrix approach, which is a natural, compact, and performant fit for
Read more

The hidden workings of __doPostBack - Full or Partial Postback?

-
In experimenting with how I could manually create a partial postback, I ran into some odd behavior.  I was using the old '__doPostBack('target', 'argument')' javascript call to perform the post back and that was all well and good, but I noticed that my page was doing a full post back instead of a partial each time. After digging around for a bit (where would software development be w/o Google search?), I found this tidbit here (I'm always grateful when others have spent a few hours finding little programming nuggets to share - less time searching for me): __doPostBack starts by trying to retrieve an element in the client DOM with the corresponding ClientID to the UniqueID you pass as the first argument to __doPostBack. (it translates the UniqueID to a ClientID by replacing the "$"s in the UniqueID with "_"s) If it finds a corresponding client element, it searches up the DOM for a parent that has the same id as an updatepanel (it kee
Read more

Facing Death...dum de dum dum

-
Death is such an ugly topic, no matter who you are.  It's depressing, messy, convoluted, and affects everyone, if they're honest about it, in some deeply personal way.  Thing is, I used to think the idea of my own death didn't affect me.  Contemplating my own death was like contemplating some other major life event, but it did not inspire any deep emotional reaction.  I guess I always hoped and kind of presumed that my death, when it happened, would mean something.  That somehow it would give back to the world something it would have otherwise lost, and would therefore make my death 'ok', or at least would come in a time and way that was acceptable to me. Except that facing death now strips me of all those illusions.  If I die of cancer (I have stage IV lung cancer), then it will render my death somewhat...well... meaningless.  Sure, maybe some insights or something I've learned while contemplating death by cancer will help someone in some vague way, but is th
Read more