New updates to ADC controls (ADC series - Part IV)

Published Friday, September 05, 2008 12:07 AM
When ADC was first released, it had an pretty impressive set of features, sorting, paging, animation, dragging and dropping, client-side databinding.
 
As time went by, ADC team has added bits and pieces of updates.
 
1. Enable referencing to an ADC control using its client-name. Sonu uploaded the changes on July 18, 2008. Because it is no fun to reference your control using $find("gridview1"), now instead, you can directly bind a datasource to ADC by its ID, for example:
 
Gridview1.DataSource = myDataSource.
 
2. Add onMouseOver, onMouseOut as part of the ADC controls' events, so instead of manully attaching the mouseOver events to a GridView's RowCreatedEvent, coding like the following:
 
//change css style of a gridview row when mouse over/mouse out
function onRowCreated(sender, e)
{
 if (e.get_row().get_isDataRowType())
 {
  var row = e.get_row();
  var tr = row.get_container();
 
  tr.onmouseover = function(){ this.className = 'rowMouseOver' };
  tr.onmouseout = function(){ this.className = 'rowMouseOut' };
 }
}
 
We do the following:
 
<AjaxData:GridView ID="GridView1" runat="server" CssClass="DataWebControlStyle" CellSpacing="0" CellPadding="3" RowMouseOverEvent="onRowMouseOver"
        RowMouseOutEvent="onRowMouseOut">
 
Of course, you have to define you own onRowMouseOver and onRowMouseOut functions.
 
 function onRowMouseOver(sender, e)
        {
        }
...
       
Putting it all together, an example of GridView with MouseOver / MouseOut events:
See it how it runs:
 
please read my other posts about ADC:
 
Who is afraid of ADC? - Introduction to AJAX Data Controls

Part III
Part II
Part I

kick it on DotNetKicks.com

by xxxd

Comments

# DotNetKicks.com said on Thursday, September 04, 2008 4:25 PM

You've been kicked (a good thing) - Trackback from DotNetKicks.com

This site

This Blog

Syndication

Sponsors

  • MaximumASP