New ASP.NET Control: HTML5 Client-side Grid for WebForms

19 June 2014

Exciting news for ASP.NET WebForms developers: You can now use the new DevExpress HTML5 client-side DataGrid widget (dxDataGrid) as a WebForms control!

DevExpress HTML5 dxDataGrid for Web Forms

We have created an ASP.NET WebForms control that uses (wraps) the HTML5 client-side dxDataGrid widget. This means you get design time support! You can databind the control to a datasource object. You can drag and drop the control from the toolbox on to your ASPX page.

Video introduction

Watch the short 10 minute section of the "What's New in ASP.NET 14.1" webinar video to see how to use dxDataGrid for WebForms:

Webinar: dxDataGrid for ASP.NET WebForms

It starts at about 59 minutes into the webinar. :)

Download and get started

Get started using the new ASP.NET control that gives you the dxDataGrid. Read the following article that walks you step-by-step and also has sample code:

Get Started with dxDataGrid for Web Forms

Please note:

  1. The control that wraps the dxDataGrid is currently in beta. This means we want you to try it and give us your feedback.

  2. You will need a DevExtreme subscription.

  3. Download and install DevExtreme.

  4. Then get started and tell us what you think.


dxDataGrid - A new DevExpress Grid

In the 14.1 release, we introduced an excellent new HTML5 client-side DataGrid widget called dxDataGrid. And when I say HTML5 client-side, that means it's uses HTML, JavaScript, and CSS only.

DevExpress HTML5 Client-Side DataGrid

The dxDataGrid widget comes with many great features that you've come to expect of DevExpress Grid controls. Let's face it, we know a thing or two about building great UI since we've been in business for the past 16 years.

Why?

So let's say you're an ASP.NET WebForms developer who wants to add this slick new client-side dxDataGrid widget into an existing ASP.NET project. And while you are comfortable at using JavaScript libraries like jQuery, perhaps you do not want to start writing JavaScript in the middle of your ASPX page.

Instead, you prefer to drag-n-drop a control from the toolbox and use a datasource control to databind it (instead of creating a web service to expose the data for the widget).

And that's exactly why you should try the new control: dxDataGrid for WebForms.

ASPxGridView vs dxDataGrid

At the moment, the two grid controls offer similar features. However, the DevExpress ASP.NET GridView control, ASPxGridView, offers many more features since it has been around longer.

The new dxDataGrid for WebForms is currently in beta. But I would like for you to try it and give us your feedback.

Choose what makes you happy. :)

ASP.NET Server-side vs Client-side JavaScript

Both technologies are great and I love them because I love the web in general.

ASP.NET is a great server-side technology that allows you to use:

  1. your favorite .NET language (C#, VB.NET, etc.)
  2. a drap-n-drop designer
  3. powerful serverside controls like ASPxGridView, ASPxPivotGrid, or any of the 100+ DevExpress ASP.NET controls
  4. rapid development time
  5. and more

Client-side JavaScript technologies also offer great benefits like:

  1. less round-trips to server
  2. lighter markup
  3. less dependence on a web server like IIS
  4. JavaScript (though this can be considered good or bad)
  5. and more

What about ASP.NET MVC?

We do not have an ASP.NET MVC extension for dxDataGrid because:

  1. ASP.NET MVC does not have a designer like WebForms.
  2. It's easy to add the dxDataGrid to your MVC View using the standard approach as shown in this video:

dxDataGrid Getting Started

We may provide an MVC extension for dxDataGrid in the future. Please let me know if you're interested.

What do you think about the new dxDataGrid for WebForms control? Please leave me a comment below. Thanks!

6 comment(s)
Cesar Augusto

Congratz! A fantastic component I was expecting a long time ago.

I'm missing the other dx components, like dxTextBox, dxDropDown, dxPivot and etc. Specially for mobile theming and full html5 scope.

Are they planned to come in the VS toolbox like dxDataGrid?

21 June, 2014
Mehul Harry (DevExpress)

Thanks Cesar! We do have plans for more client-side controls in future releases. For now, we're working to improve the HTML5 visualization/charting library: js.devexpress.com/.../Charts

23 June, 2014
Hüseyin Zafer Küçük

all very nice,

When working with a single masterpage callback mode can not run .. :)

24 June, 2014
Mehul Harry (DevExpress)

Huseyin,

You're right, I discovered that issue last week as well. Good news, we've fixed that bug:

www.devexpress.com/.../T119144

I'd love to hear your feedback. I apologize but can you try it w/o a masterpage please?

24 June, 2014
Hüseyin Zafer Küçük

admirable..

I bought and tried, very light in every way ..

Because of your success to you all, congratulations.

With Respect and Love,

24 June, 2014
Mehul Harry (DevExpress)

Thanks Huseyin, we appreciate your support.

This version of the "dxDataGrid for WebForms" is in beta and we'll continue to improve it.

24 June, 2014

Please login or register to post comments.