RadTips, Episode 1: Client-Side DataBinding in the RadGrid

by ASP.NET AJAX Team | Comments 9

I am pleased to bring you the first of many episodes from my new video series, RadTips. These episodes will be posted regularly here on the Telerik blogs, and each will highlight a specific feature of a RadControl in a short, concise screencast. The point of this effort is to bring you quick tips on how to take advantage of the features of our RadControls without having to devote more than a few minutes of your time to the learning process.

In this first episode, we'll take a look at client-side data binding with the RadGrid. There are no bells and whistles here, just a straight-to-the point demonstration of the steps needed to get client-side data binding into your own project. It should be noted that this feature is only available in the newly released RadControls for ASP.NET AJAX Q2 2008, so go grab the latest bits and follow along with me.

I am interested to hear your feedback on the episode. If you like the format, or if there is something that you think should be done differently, please let me know. My goal is to deliver exactly the content that you, the user, want. To that end, please also send me your requests for any RadControl features you'd like to see covered in future episodes. In the meantime, enjoy the episode.

[Video: WMV]

[Source: C#]  [Source: VB]

About the author

Iana Tsolova

Iana Tsolova

is Program Manager of Telerik’s ASP.NET AJAX division. She joined the company back in the beginning of 2008 as a Support Officer and has since occupied various positions at Telerik, including Senior Support Officer, Team Lead at one of the ASP.NET AJAX teams and Technical Support Director. Iana’s main interests are web development, reading articles related to geography, wild nature and latest renewable energy technologies.

Posted in: radgrid client-side-databinding radtips

9 Comments

Vlad
Great video Kevin!!! Actually you will need OnCommand when you turn on sorting, paging, filtering, etc. :). Indeed for simple data read scenarios the empty event handler is obsolete and we will remove this.
Todd
Great tutorial, Kevin! I enjoyed the format. Can you tag this post with something like "RadTips" so I can easily link to all of your episodes?
Hardy
Thanks, Kevin. Short and very informative. Please keep the episodes coming. I was having trouble hearing your voice sometimes. Not sure if it was my system or you could enhance the audio for next time ...
Kevin Babcock
@Vlad: Yes I will show how to use an OnCommand event handler to add paging, sorting, and filtering in my next RadTips episode. @Todd: Thanks Todd. I've added the tag "RadTips" (among others) to the post. @Hardy: I'm glad you enjoyed the video. Thanks for the feedback, it is always welcome. As this is my first screencast (ever), there will obviously be some growing pains. I enjoy hearing the feedback though and will continually work to improve the quality in future episodes.
Grendizer
Thanks for this very nice video ... I'm new to Rad and then that's very helpful ...
Kevin Babcock
@Grendizer: I'm glad the videos have been helpful. Thanks for watching!
Ashley
Question: Is it possible to do a completely client-side solution? I'd like to create and access the datasource on the client side, then, eventually, pass that datasource to the server side.
Kevin Babcock
@Ashley: It is not possible with ASP.NET to have your solution reside completely on the client because, due to security concerns, JavaScript does not have access to the local file system. Therefore, you have no local storage to store your data. The RadGrid does however provide a great solution for moving as much of the app to the client as possible. By using web services to communicate and pass data you are eliminating the need for your server to process post backs and vastly reducing the amount of traffic passed between the server and client (less viewstate, markup, etc). If you are looking for a completely client-side solution, you might want to start looking at Silverlight. It offers the ability to run more powerful applications completely on the client (in the browser) and future versions will include a version of SQL Server, which means you can use local storage to store your data, allowing users to work offline and then sync up with the server when they go back online. If you have any more questions, feel free to post them here or shoot me an email.
Naeem
Hi,
Great Stuff. I am too involve in the scenario for doing everything on client. I did by by bind grid first time on server side and copy data source as JSON object and then use it on client side. any editing will only update that JSON data source and once user done, it post back by one button click to save changes. I also manage to do custom editing instead of rad grid editing features.
Your example cover a scenario of data binding only for masterTable. How we achieve same for detail table and deleting and editing by this approach?

Thanks

Comments

  1.    
     
    		 
    		  
       
  3. (optional, emails won't be shown on public pages)
  4. (optional)
Read more articles by ASP.NET AJAX Team - or - read latest articles in Developer Tools
Bloggers Archive Tags