Introducing the WebDataGrid / WebHierarchicalDataGrid Cheat Sheet

Allow me to confess something upfront. Saying the WebDataGrid / WebHierarchicalDataGrid Cheat Sheet is anything like a “sheet” is a bit of a stretch. I will say, though, in it’s 51* pages of goodness you have easy access to behaviors, events and common grid customizations. The step-by-step nature of the material demonstrates not only how to implement a specific feature of the WebDataGrid, but also describes the similarities and differences in the WebHieararchicalDataGrid.

Navigating

When you first open the cheat sheet you are presented with a contents list that allows you to jump directly to the areas you are most interested:

Code Snippets

Code snippets, featuring ASPX, JavaScript and C# when applicable, are presented with any required prerequisite configuration for the grids:

Events

Grid events are covered showing which events for are available for each grid:

Beyond standard grid events, each behavior features it’s own set of events on the client and server. The cheat sheet lists all events by behavior complete with links to the event args classes so are easily able to find out what information is available during each event:

What's Available:

At the moment the cheat sheet covers the following areas:

  • Activation
  • Ajax: Events
  • Ajax: Load on Demand (Automatic)
  • Ajax: Load on Demand (Manual)
  • Ajax: Loading Indicator
  • Ajax: Virtual Scrolling
  • Automatic Load on Demand
  • Columns: Hidden Columns
  • Columns: Moving
  • Columns: Pinned
  • Columns: Resizing
  • Columns: Unbound Columns
  • Columns: Checkbox Columns
  • Columns: Summary Rows
  • CRUD: Auto
  • CRUD: Manual
  • DataBinding: HeirachicalDataSource
  • DataBinding: DataSet
  • DataBinding: DataTable
  • DataBinding: IEnumerable
  • DataBinding: AccessDataSource
  • DataBinding: SqlDataSource
  • DataBinding: ObjectDataSource
  • DataBinding: LinqDataSource
  • Editing: Adding Rows
  • Editing: Deleting Rows
  • Editing: Embeddable Editors / Editor Providers
  • Export to Excel
  • Export to PDF
  • Filtering
  • Row Numbering
  • Row Summaries
  • Selection: Cells
  • Selection: Columns
  • Selection: Rows
  • Templating: Column Template
  • Templating: Empty Rows
  • Grid Events
  • Events by Behavior

Download

My hope is that the cheat sheet will save you time while working with the NetAdvantage for ASP.NET grid controls and will prove to be a trusted reference during development.

Note: The cheat sheet is a great place to start if you are looking to migrate from the UltraWebGrid to the new ASP.NET Ajax grids.

Download the NetAdvantage for ASP.NET Grid Cheat Sheet

* While the cheat sheet stands at 51 pages today, this resource is a work-in-progress and will continue to benefit from periodic updates. The current version is 11.1.2.


Comments  (6 )

Alan Jackson
on Tue, Sep 20 2011 5:20 PM

Any idea where I can find some cheat sheet examples on how to style this grid?  

For example, using the UltraWebGrid, I might have said the following?  How can I achieve the equivalent?

<HeaderStyleDefault BorderColor="Black" BorderStyle="Solid" ForeColor="Black" BackColor="#89AAC7"

Font-Size="7pt" Font-Bold="False">

<BorderDetails ColorTop="White" WidthLeft="1px" WidthTop="1px" ColorLeft="White"></BorderDetails>

</HeaderStyleDefault>

craigshoemaker
on Wed, Sep 21 2011 6:50 PM

Alan:

All the styling is done on the WebDataGrid and WebHierarchicalDataGrid via CSS. Here are the changes you'd need to make:

.igg_HeaderCaption

{

border-color:Black;

border-style:Solid;

color:Black;

background-color:#89AAC7;

font-size:7pt;

font-weight:normal;

border-top-color:White;

border-left-width:1px;

border-top-width:1px;

border-left-color:White;

height:25px;

}

.igg_HeaderRowSelector

{

border-color:Black;

border-style:Solid;

color:Black;

background-color:#89AAC7;

font-size:7pt;

font-weight:normal;

border-top-color:White;

border-left-width:1px;

border-top-width:1px;

border-left-color:White;

height:25px;

}

Note that the classes must stay in their current places in the current style sheet file.

[Infragistics] Alex E
on Fri, Nov 4 2011 7:52 AM

Hello Alan,

You can also refer to the following very useful guide regarding styling of the "WebDataGrid" - forums.infragistics.com/.../webdatagrid-css-styling-guide.aspx

Shyam
on Fri, Jan 20 2012 1:15 AM

Hi

I have WebHierarchicalDataGrid and in Band1, I am updating rows data on rowupdating event of band and I have an UnboundCheckBoxField now on row updating I want to update only checked row on server side, please suggest how can do that?

Taz's Blog
on Tue, Apr 10 2012 4:35 PM

Infragistics has been developing ASP.NET controls since the ASP.NET framework was released during early

IntegraXP
on Wed, Apr 25 2012 8:09 AM

Thank you, this is fantastic, but I really really wish someone in Infragistics would follow your example and create genuinely useful documentation like this for the rest of the control set. The level of documentation especially for client-side code is extremely poor it is something.

Add a Comment

Please Login or Register to add a comment.