I have radPanel bar on a page to which I am adding panel items dynamically with user controls. I want to Ajaxify the radpanel item. When user clicks on Save button on the user control I just want to post that current PanelItem. I am trying to do this by following code. I get Error Assertion failed length of elements and json must be the same.
This is the code to Add item dynamically:
With radPanelNew
.Text = account.Name.ToString
.Value = account.Id.ToString
.Font.Italic = True
.Font.Underline = True
.Font.Size = 10
'.ID = account.Id.ToString
End With
Select Case account.Type.Text
Case Entities.Account.AccountType.Bank.ToString
If account.SubType.Text = Entities.Account.SubAccountType.Savings.ToString Then
Dim ucSavings As SubscriberSetupPages_UserControls_SavingsAccount = CType(LoadControl("~/SubscriberSetupPages/UserControls/SavingsAccount.ascx"), SubscriberSetupPages_UserControls_SavingsAccount)
ucSavings.AccountID = account.Id
ucSavings.ID = "SA" & account.Id.ToString
acct = DirectCast(ucSavings.FindControl("acct1"), SubscriberSetupPages_UserControls_Account)
radPanelNewChild.Controls.Add(ucSavings)
radPanelNew.Items.Add(radPanelNewChild)
With radParentItem
.Items.Add(radPanelNew)
.DataBind()
.Expanded = True
End With
This is the code to Ajaxify radpanelitem:
Private Sub pnlBarAccounts_ItemCreated(ByVal sender As Object, ByVal e As Telerik.Web.UI.RadPanelBarEventArgs) Handles pnlBarAccounts.ItemCreated
' Following code is to Ajaxify RadPanelItem
Dim acct As UserControl
If e.Item.Controls.Count > 0 Then
If Not IsNothing(e.Item.Controls(0)) Then
If Not IsNothing(e.Item.Controls(0).ID) Then
Select Case (e.Item.Controls(0).ID.ToString).Substring(0, 2)
Case "SA"
acct = DirectCast(e.Item.Controls(0), SubscriberSetupPages_UserControls_SavingsAccount)
End Select
End If
End If
End If
If Not IsNothing(acct) Then
Dim btnSave As ImageButton = DirectCast(acct.FindControl("btnSave"), ImageButton)
If Not IsNothing(btnSave) Then
RadAjaxManagerProxyAcctSetup.AjaxSettings.AddAjaxSetting(btnSave, e.Item)
End If
End If
End Sub


| <telerik:RadAjaxPanel ID="RadAjaxPanel" runat="server"> |
| <telerik:RadGrid ID="Grid1" runat="server" ShowStatusBar="True" AllowPaging="true" AutoGenerateColumns="False" DataSourceID="SqlDataSource1" Skin="Black" OnItemDataBound="Grid1_ItemDataBound"> |
| <MasterTableView Width="100%" ShowHeader="true" CommandItemDisplay="None" ShowFooter="true" DataKeyNames="itm_TableID" ClientDataKeyNames="itm_TableID" DataSourceID="SqlDataSource1" PageSize="10" |
| AutoGenerateColumns="False" Dir="RTL" AllowSorting="true" TableLayout="Fixed" PagerStyle-AlwaysVisible="true"> |
| <Columns> |
| <telerik:GridBoundColumn UniqueName="itm_TableID" DataField="itm_TableID" HeaderText="ID" ReadOnly="true" HeaderStyle-Width="2%" Display="false"> |
| </telerik:GridBoundColumn> |
| <telerik:GridTemplateColumn UniqueName="CategorySelect" ItemStyle-Width="3%"> |
| <ItemTemplate> |
| <asp:CheckBox id="chkCategorySelect" OnCheckedChanged="chkCategorySelect_Click" AutoPostBack="True" runat="server" CssClass="checkBox"></asp:CheckBox> |
| </ItemTemplate> |
| </telerik:GridTemplateColumn> |
| <telerik:GridBoundColumn UniqueName="itm_ID" DataField="itm_ID" HeaderText="" ReadOnly="true" HeaderStyle-Width="3%" ItemStyle-Width="3%" HeaderStyle-HorizontalAlign="Right"> |
| </telerik:GridBoundColumn> |
| <telerik:GridBoundColumn UniqueName="itm_VTR" DataField="itm_VTR" HeaderText="VTR" HeaderStyle-Width="3%" ItemStyle-Width="3%" HeaderStyle-HorizontalAlign="Right"> |
| <HeaderStyle Width="3%"></HeaderStyle> |
| </telerik:GridBoundColumn> |
| <telerik:GridTemplateColumn UniqueName="TemplateColumn" HeaderText="" HeaderStyle-Width="15%" ItemStyle-Width="15%" FooterStyle-Width="15%" FooterStyle-HorizontalAlign="Left" HeaderStyle-HorizontalAlign="Right"> |
| <FooterTemplate> |
| <telerik:RadTextBox ID="txtTotalTime" Runat="server" Skin="Black" Label="" Width="120px" ReadOnly="true"> |
| </telerik:RadTextBox> |
| </FooterTemplate> |
| <ItemTemplate> |
| <asp:Label ID="lblRemarks" runat="server" Text='<%# Bind("itm_Remarks", "{0}") %>'></asp:Label> |
| </ItemTemplate> |
| </telerik:GridTemplateColumn> |
| </Columns> |
| <PagerTemplate> |
| <div style="direction: rtl;"> |
| <asp:Panel ID="PagerPanel" Style="padding: 6px; line-height: 24px;" runat="server" Direction="RightToLeft"> |
| <asp:Button ID="btnAdd" runat="server" Width="100px" Text="" CssClass="" Enabled="true" OnClick="btnAddToCategory_Click" /> |
| <asp:Panel runat="server" ID="NumericPagerPlaceHolder" Direction="RightToLeft"/> |
| </asp:Panel> |
| </div> |
| </PagerTemplate> |
| <PagerStyle Mode="NumericPages" Position="TopAndBottom" HorizontalAlign="Center" /> |
| </MasterTableView> |
| <ClientSettings AllowRowsDragDrop="false" EnableRowHoverStyle="false" EnablePostBackOnRowClick="false"> |
| <Selecting AllowRowSelect="false" EnableDragToSelectRows="false" /> |
| <Resizing AllowColumnResize="false" ClipCellContentOnResize="true" /> |
| </ClientSettings> |
| <HeaderContextMenu EnableAutoScroll="True"></HeaderContextMenu> |
| </telerik:RadGrid> |
| </telerik:RadAjaxPanel> |
| protected void Page_Load(object sender, EventArgs e) |
| { |
| } |
| DateTime totalTime = new DateTime(); |
| protected void Grid1_ItemDataBound(object sender, GridItemEventArgs e) |
| { |
| if (e.Item is GridDataItem) |
| { |
| GridDataItem dataItem = (GridDataItem)e.Item; |
| totalTime = totalTime.AddSeconds(Double.Parse(dataItem["itm_VTR"].Text)); |
| } |
| else if (e.Item is GridFooterItem && endTime < castLength) |
| { |
| GridFooterItem footer = (GridFooterItem)e.Item; |
| (footer["TemplateColumn"].FindControl("txtTotalTime") as RadTextBox).Text = totalTime.ToString("HH:mm:ss"); |
| } |
| } |
<
telerik:RadFileExplorer ID="RadFileExplorer1" Height="450px" Width="400px" TreePaneWidth="150px"
EnableViewState="false"
runat="Server"
EnableOpenFile="false"
AllowPaging="false"
/>

I read this http://www.telerik.com/help/aspnet-ajax/grdskins.html and it seems I can use the Telerik icons in HTML, I need to do some customization on RadGrid.
Anyone knows how to use it in an ASPX page? Since it is already embedded in web resource already.
<img src="......[some web resource path]....Edit.gif" />
Of course the stupid way is to download all images in my web application and reference it as ~/Images/Edit.gif.
Thanks