Jquery Gridiview question

vbboyd · April 9th, 2012, 06:26 PM

Can you use Jquery to manipulate and target Gridview or Dataview attributes like Height, width, Backcolor, Forecolor etc. Could you use JQuery to do something like this with a Gridview or a Dataview:

Code:

$(document).ready(function(){
  $('#musicians gridview1 tr:even').css('background-color','#dddddd');
});

I know you can achieve the same thing in the property pages or programatically in the markup section of your webpage, but is there any advantage that you can see by manipulating CSS with JQuery to achieve the same effect? The basic question I am trying to ask is can you target Dataview and Gridviews for manipulation using Jquery?

vbboyd · April 9th, 2012, 06:42 PM

Correct me if I am wrong but are Gridviews and Dataviews not displayed as HTML tables to the client when posted back? So if that is the case can you do all kinds of cool tricks with them using Jquery and CSS could you not? Could you theoretically do something like when you mouse over a row in a datagrid or gridview have the mouseover even kick off a Jquery script that changes the background color of the mouse overed row from white to blue and have the font that is blue before the mousover event change colors to white during the mouseover event? Could you do cool tricks like that using JQuery and CSS. Which beggars the question have you ever done a trick like that with any of the apps that you have written in the past? If so could you maybe think about incorporating some of those cool tricks in your next book on ASP.NET?

Imar · April 10th, 2012, 02:06 AM

Quote:

Could you use JQuery to do something like this with a Gridview or a Dataview

The question that comes to mind is: why don't you try it out? You seem to have all the code in place to give it a spin....

Quote:

Correct me if I am wrong but are Gridviews and Dataviews not displayed as HTML tables to the client when posted back?

Absolutely (although a "postback" doesn't have anything to do with this. Controls like GridView render tables on the initial load / GET request as well). In the book I've demonstrated many times how to see what HTML is generated: open the Source of the page in the browser and you'll see the HTML for the control(s).

Quote:

... could you not
Could you theoretically ....
Could you do cool tricks...

Yes, but see question 1: just try it out and experiment. This is really the best way to learn. That's not to say you shouldn't be asking questions here but you can learn so much more and so much quicker by experimenting than by waiting for my answers.

Quote:

If so could you maybe think about

Done that already ;-) See page 535 and further for an explanation of the benefits, as well as an implementation example.

Cheers,

Imar