[Solved] Create RadGrid Client Side

[Officialboss]

Hello,

I was wondering if someone could direct me to sample code on creating a Radgrid through JavaScript on the client.

I am creating a Multipage view on the client and I want to add a RadGrid in the PageView.

My javascript for the page view is:

var pageView = new Telerik.Web.UI.RadPageView();  mymultiPage.get_pageViews().add(pageView); pageView.get_element().innerHTML = function to create RadGrid();

I would be trying to fire the RenderControl method of the RadGrid to get the Html which will go into the innerHTML of the page view.

Thanks

[Vlad]

Hello Howard,

I'm afraid that RadGrid is too complex and cannot be created in such way. The closest option I can offer is illustrated on my blog posts related to client-side data-binding:

http://blogs.telerik.com/VladimirEnchev/Posts/08-05-27/Client-side_edit_update_delete_and_insert_with_RadControls_for_ASP_NET_AJAX_WebServices_and_LINQ.aspx?ReturnURL=%2fVladimirEnchev%2fPosts.aspx
http://blogs.telerik.com/VladimirEnchev/Posts/08-05-23/SQL_Server_sorting_paging_and_filtering_with_RadGrid_client-side_data-binding_to_WebService.aspx?ReturnURL=%2fVladimirEnchev%2fPosts.aspx

Best wishes,
Vlad
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[Dan Cao]

Dear Vlad,

Can you confirm that we still can not resolve that question with the version "Version=2011.1.614.35" of Telerik ASP.NET AJAX controls? Thanks

Dan

[Radoslav]

Hi Dan,

Unfortunately the RadGrid does not support desired functionality concerning creating it entirely on the client. However you can try using the client side data binding, which gives you great performance, because the RadGrid is created on the server but the data is resolved and populated on the client. On the following links you can find additional information:
http://demos.telerik.com/aspnet-ajax/grid/examples/client/declarativedatabinding/defaultcs.aspx
http://demos.telerik.com/aspnet-ajax/grid/examples/client/databinding/defaultcs.aspx
http://www.telerik.com/help/aspnet-ajax/grid-client-side-binding.html

The other option here is to use the Kendo grid which is entirely client side:
http://demos.kendoui.com/web/grid/index.html

I hope this helps.

All the best,
Radoslav
the Telerik team

[Dan Cao]

I appreciated your help, thanks