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

Wednesday, July 30, 2008 by Kevin Babcock | 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]

9 Comments

  • Vlad 31 Jul
    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 31 Jul
    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 01 Aug
    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 02 Aug
    @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 10 Sep
    Thanks for this very nice video ... I'm new to Rad and then that's very helpful ...
  • Kevin Babcock 10 Sep
    @Grendizer: I'm glad the videos have been helpful. Thanks for watching!
  • Ashley 29 Sep
    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 30 Sep
    @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 25 Jun
    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

Add comment

  1. Formatting options
       
     
     
     
     
       
  2. (optional, emails won't be shown on public pages)
  3. (optional)