Questions on UI for ASP.NET AJAX Forum

1 answer

265 views

Change cell value client side and have it persist in view state.

Hi,

I'm using the following code to change a value in a cell in the grid client side:

function ReAssignUser_UpdateGrid(NewUserText) {
   var grdFlowInstances = $find("<%=grdFlowInstances.ClientID%>");
   var masterTableView = grdFlowInstances.get_masterTableView();
   var dataItems = masterTableView.get_dataItems();
   for (var i = 0; i < dataItems.length; ++i) {
     var dataItem = dataItems[i];
     if (dataItem.getDataKeyValue("FlowInstanceID") == FlowInstanceID) {
       var lblAssignedTo = dataItem.findElement("lblAssignedTo");
       if (lblAssignedTo != null)
         lblAssignedTo.innerHTML = NewUserText;
       }
    }
}

This works great until I do something that causes a postback, then the value reverts to the prior value. I'm assuming this is because it's not getting updated in the viewstate. Is there any way to update the viewstate so that the change in the cell value persists between postbacks?

Thanks,
Erik

Grid

answered on 07 Jul 2014

1 answer

79 views

ASP.NET AJAX TILE LIST GROUPING

I want to fixed the number of group of ASP.NET AJAX TILE LIST dynamically. like i have 10 tiles and i want to set these 10 tiles into 3 group and that will be fixed we can't expand the number of group if i want to set it .

Ajax

answered on 07 Jul 2014

10 answers

570 views

Telerik ASP.NET AJAX with Visual Studio 2013 Preview (VS2013)

Hi,
was anyone already able to get the Telerik ASP.NET Ajax Controls get properly to work with VS2013 Preview?
Everything is working in my test project so far, except the Embedded Skins are not provided by WebResource.axd from
the assembly.
MasterPage Codebehind:

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.Optimization;

using System.Web.UI;

using System.Web.UI.WebControls;

namespace TelerikVS2013

{

public partial class SiteMaster : MasterPage

{

protected override void OnInit(EventArgs e)

{

base.OnInit(e);

radScriptManager.Scripts.Add(new ScriptReference { Name = "WebFormsBundle" });

radScriptManager.Scripts.Add(new ScriptReference { Name = "bootstrap" });

radScriptManager.Scripts.Add(new ScriptReference { Name = "jquery.ui.combined" });

BundleResolver resolver = new BundleResolver(BundleTable.Bundles);

foreach (Bundle bundle in BundleTable.Bundles)

{

if (bundle is ScriptBundle)

{

foreach (string js in resolver.GetBundleContents(bundle.Path))

{

radScriptManager.Scripts.Add(new ScriptReference(js));

}

web.config

<?xml version="1.0" encoding="utf-8"?>

<configuration>

<appSettings>

<add key="Telerik.Skin" value="Office2010Black" />

<add key="Telerik.ScriptManager.TelerikCdn" value="Disabled" />

<add key="Telerik.StyleSheetManager.TelerikCdn" value="Disabled" />

<add key="Telerik.Web.UI.RenderMode" value="lightweight" />

<add key="Telerik.Web.UI.StyleSheetFolders" value="~/Content/;" />

<add key="Telerik.Web.UI.EnableEmbeddedSkins" value="false"/>

<add key="Telerik.Web.SkinsAssembly" value="Telerik.Web.UI.Skins"/>

</appSettings>

<system.web>

<compilation debug="true" targetFramework="4.5" strict="false" explicit="true" >

</compilation>

<httpRuntime targetFramework="4.5" />

<pages>

<namespaces>

<add namespace="System.Web.Optimization" />

</namespaces>

<controls>

<add tagPrefix="telerik" namespace="Telerik.Web.UI" assembly="Telerik.Web.UI"/>

<add assembly="Microsoft.AspNet.Web.Optimization.WebForms" namespace="Microsoft.AspNet.Web.Optimization.WebForms" tagPrefix="webopt" />

</controls>

</pages>

<httpHandlers>

<add path="ChartImage.axd" type="Telerik.Web.UI.ChartHttpHandler" verb="*" validate="false" />

<add path="Telerik.Web.UI.SpellCheckHandler.axd" type="Telerik.Web.UI.SpellCheckHandler" verb="*" validate="false" />

<add path="Telerik.Web.UI.DialogHandler.aspx" type="Telerik.Web.UI.DialogHandler" verb="*" validate="false" />

<add path="Telerik.RadUploadProgressHandler.ashx" type="Telerik.Web.UI.RadUploadProgressHandler" verb="*" validate="false" />

<add path="Telerik.Web.UI.WebResource.axd" type="Telerik.Web.UI.WebResource" verb="*" validate="false" />

</httpHandlers>

</system.web>

<system.webServer>

<validation validateIntegratedModeConfiguration="false" />

<modules runAllManagedModulesForAllRequests="true">

</modules>

<handlers>

<remove name="ExtensionlessUrlHandler-ISAPI-4.0_32bit" />

<remove name="ExtensionlessUrlHandler-ISAPI-4.0_64bit" />

<remove name="ExtensionlessUrlHandler-Integrated-4.0" />

<add name="ExtensionlessUrlHandler-ISAPI-4.0_32bit" path="*." verb="GET,HEAD,POST,DEBUG,PUT,DELETE,PATCH,OPTIONS" modules="IsapiModule" scriptProcessor="%windir%\Microsoft.NET\Framework\v4.0.30319\aspnet_isapi.dll" preCondition="classicMode,runtimeVersionv4.0,bitness32" responseBufferLimit="0" />

<add name="ExtensionlessUrlHandler-ISAPI-4.0_64bit" path="*." verb="GET,HEAD,POST,DEBUG,PUT,DELETE,PATCH,OPTIONS" modules="IsapiModule" scriptProcessor="%windir%\Microsoft.NET\Framework64\v4.0.30319\aspnet_isapi.dll" preCondition="classicMode,runtimeVersionv4.0,bitness64" responseBufferLimit="0" />

<add name="ExtensionlessUrlHandler-Integrated-4.0" path="*." verb="GET,HEAD,POST,DEBUG,PUT,DELETE,PATCH,OPTIONS" type="System.Web.Handlers.TransferRequestHandler" preCondition="integratedMode,runtimeVersionv4.0" />

<remove name="ChartImage_axd" />

<add name="ChartImage_axd" path="ChartImage.axd" type="Telerik.Web.UI.ChartHttpHandler" verb="*" preCondition="integratedMode" />

<remove name="Telerik_Web_UI_SpellCheckHandler_axd" />

<add name="Telerik_Web_UI_SpellCheckHandler_axd" path="Telerik.Web.UI.SpellCheckHandler.axd" type="Telerik.Web.UI.SpellCheckHandler" verb="*" preCondition="integratedMode" />

<remove name="Telerik_Web_UI_DialogHandler_aspx" />

<add name="Telerik_Web_UI_DialogHandler_aspx" path="Telerik.Web.UI.DialogHandler.aspx" type="Telerik.Web.UI.DialogHandler" verb="*" preCondition="integratedMode" />

<remove name="Telerik_RadUploadProgressHandler_ashx" />

<add name="Telerik_RadUploadProgressHandler_ashx" path="Telerik.RadUploadProgressHandler.ashx" type="Telerik.Web.UI.RadUploadProgressHandler" verb="*" preCondition="integratedMode" />

<remove name="Telerik_Web_UI_WebResource_axd" />

<add name="Telerik_Web_UI_WebResource_axd" path="Telerik.Web.UI.WebResource.axd" type="Telerik.Web.UI.WebResource" verb="*" preCondition="integratedMode" />

</handlers>

</system.webServer>

</configuration>

Master Page Markup

<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Site.master.cs" Inherits="TelerikVS2013.SiteMaster" %>

<!DOCTYPE html>

<html lang="en">

<head runat="server">

<meta charset="utf-8" />

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

<title><%: Page.Title %> - My ASP.NET Application</title>

<asp:PlaceHolder runat="server">

<%: Scripts.Render("~/bundles/modernizr") %>

</asp:PlaceHolder>

<webopt:BundleReference runat="server" Path="~/Content/css" />

<link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />

<telerik:RadStyleSheetManager ID="radStyleSheetManager" runat="server">

<StyleSheets>

</StyleSheets>

</telerik:RadStyleSheetManager>

</head>

<body>

<form runat="server">

<telerik:RadScriptManager ID="radScriptManager" runat="server" ScriptMode="Debug" AllowCustomErrorsRedirect="true" AsyncPostBackTimeout="600" EnablePartialRendering="true">

<CompositeScript>

<Scripts>

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />

</Scripts>

</CompositeScript>

</telerik:RadScriptManager>

<telerik:RadAjaxManager runat="server" ID="radAjaxManager" />

<header>

<div class="navbar navbar-inverse navbar-fixed-top">

<div class="navbar-inner">

<div class="container">

<button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">

<span class="icon-bar"></span>

</button>

<a class="brand" runat="server" href="~/">Application name</a>

<div class="nav-collapse collapse">

<ul class="nav nav-pills nav-stacked">

<li><a runat="server" href="~/">Home</a></li>

<li><a runat="server" href="~/About">About</a></li>

<li><a runat="server" href="~/Contact">Contact</a></li>

</ul>

</div>

</header>

<div class="container">

<asp:ContentPlaceHolder ID="MainContent" runat="server">

</asp:ContentPlaceHolder>

<hr />

<footer>

<p>© <%: DateTime.Now.Year %> - My ASP.NET Application</p>

</footer>

</div>

</form>

</body>

</html>

Cheers Otto.

General Discussions

answered on 07 Jul 2014

1 answer

185 views

Width problem when having too many nodes

I use Telerik 2014.2.618.45 and have the problem with RadOrgChart.

When I bind data with only 2 or 3 nodes at the same level, it is shown collectedly. However, if there are a lot of nodes, the nodes on the right will be dropped to the new line. I also found this problem on your example about Drill Down.

I try to solve this problem by using the suggestion from Node Alignment Issue, but it didn't help since I didn't hide the RadOrgChart. I called it on Page_Load. In addition, I'm using this RadOrgChart Inside RadPageView (My OrgChart is showing on the first page)

<telerik:RadAjaxPanel ID="panOrganize" runat="server" LoadingPanelID="radAjaxLoadingPanel">

<telerik:RadTabStrip ID="rtabOrganize" runat="server" MultiPageID="rmpOrganize" SelectedIndex="0" Width="100%" CssClass="FontBold" OnTabClick="rtabOrganize_TabClick">

<Tabs>

<telerik:RadTab CssClass="FontBold" Text="Organize Chart" />

<telerik:RadTab CssClass="FontBold" Text="User" Enabled="false" />

</Tabs>

</telerik:RadTabStrip>

<telerik:RadMultiPage ID="rmpOrganize" runat="server" SelectedIndex="0" ScrollBars="Both">

<telerik:RadPageView ID="rpvOrgOrganize" runat="server" Width="100%">

<telerik:RadOrgChart ID="radOrgChart" runat="server" Width="100%" CssClass="SpacingBottom20" LoadOnDemand="Nodes"

DataFieldID="OrgID" DataFieldParentID="ParentID"

DisableDefaultImage="true" EnableDrillDown="true" MaxDataBindDepth="10"

OnNodeDrop="radOrgChart_NodeDrop" EnableDragAndDrop="true"

OnNodeDataBound="radOrgChart_NodeDataBound">

<ItemTemplate>

<asp:Panel ID="panNode" runat="server" CssClass="TemplateHolder">

<asp:Table ID="tbOrgChart" runat="server" Style="table-layout: fixed; width: 120px;" CellPadding="0" CellSpacing="0">

<asp:TableRow>

<asp:TableCell Width="100px">

<asp:Label ID="lblTypeName" runat="server" Text='<%# Eval("OrganizationType.TypeName")%>' CssClass="FontBold" />

</asp:TableCell>

<asp:TableCell RowSpan="4" Width="15px">

<asp:LinkButton ID="lbtnSearch" runat="server" BorderStyle="None" CssClass="fa fa-user"

CommandArgument='<%# Eval("OrgID")%>' CommandName='<%# Eval("Name")%>' OnCommand="lbtnSearch_Command">

</asp:LinkButton>

<asp:LinkButton ID="lbtnAdd" runat="server" BorderStyle="None" class="fa fa-plus"

CommandArgument='<%# Eval("OrgID")%>' CommandName="Add" OnCommand="lbtnAdd_Command">

</asp:LinkButton>

<asp:LinkButton ID="lbtnEdit" runat="server" BorderStyle="None" class="fa fa-pencil"

CommandArgument='<%# Eval("OrgID")%>' CommandName="Edit" OnCommand="lbtnEdit_Command">

</asp:LinkButton>

<asp:LinkButton ID="lbtnDelete" runat="server" BorderStyle="None" class="fa fa-times"

CommandArgument='<%# Eval("OrgID")%>' CommandName="Delete" OnCommand="lbtnDelete_Command">

</asp:LinkButton>

</asp:TableCell>

</asp:TableRow>

<asp:TableRow>

<asp:TableCell RowSpan="3" VerticalAlign="Top" Wrap="true" Style="max-width: 100px; overflow-wrap: break-word;">

<asp:Label ID="lblName" runat="server" Text='<%# Eval("Name")%>' />

<br />

<asp:Label ID="lblAbbreviation" runat="server"

Text='<%#Eval("Abbreviation") != null && Eval("Abbreviation") != String.Empty ? "(" + Eval("Abbreviation") + ")" : String.Empty%>' />

</asp:TableCell>

</asp:TableRow>

</asp:Table>

</asp:Panel>

</ItemTemplate>

</telerik:RadOrgChart>

<telerik:RadWindow ID="rwOrganize" runat="server" AutoSize="true" Modal="true" Behaviors="Close"

Title="Organization" VisibleTitlebar="true" VisibleStatusbar="false" OnClientClose="onClientClose">

<ContentTemplate>

<div class="row">

<div class="col-xs-12">

<asp:Table runat="server" ID="tbWindowOrganize" CellPadding="5" Width="100%" CellSpacing="3" Style="min-width: 300px;">

<asp:TableRow>

<asp:TableCell ColumnSpan="3" />

</asp:TableRow>

<asp:TableRow>

<asp:TableCell Width="25%" Style="max-width: 150px;">

<asp:Label ID="lblOrgName" runat="server" Text="Name" />

</asp:TableCell>

<asp:TableCell Width="5px">

<asp:Label runat="server" Text=":" />

</asp:TableCell>

<asp:TableCell>

<telerik:RadTextBox ID="txtOrgName" runat="server" Width="100%" />

</asp:TableCell>

</asp:TableRow>

<asp:TableRow>

<asp:TableCell>

<asp:Label ID="lblOrgAbbreviation" runat="server" Text="Abbreviation" />

</asp:TableCell>

<asp:TableCell>

<asp:Label runat="server" Text=":" />

</asp:TableCell>

<asp:TableCell>

<telerik:RadTextBox ID="txtOrgAbbreviation" runat="server" Width="100%" />

</asp:TableCell>

</asp:TableRow>

<asp:TableRow>

<asp:TableCell VerticalAlign="Top">

<asp:Label ID="lblOrgDescription" runat="server" Text="Description" />

</asp:TableCell>

<asp:TableCell VerticalAlign="Top">

<asp:Label runat="server" Text=":" />

</asp:TableCell>

<asp:TableCell>

<telerik:RadTextBox ID="txtOrgDescription" runat="server" Width="100%" Height="70px" TextMode="MultiLine" Rows="3" />

</asp:TableCell>

</asp:TableRow>

<asp:TableRow>

<asp:TableCell>

<asp:Label ID="lblOrgType" runat="server" Text="Lastname" />

</asp:TableCell>

<asp:TableCell>

<asp:Label runat="server" Text=":" />

</asp:TableCell>

<asp:TableCell>

<telerik:RadComboBox ID="ddlOrgType" runat="server" Width="100%" />

</asp:TableCell>

</asp:TableRow>

<asp:TableRow>

<asp:TableCell HorizontalAlign="Right" ColumnSpan="3">

<asp:Button ID="btnOrganizeCancel" Text="Cancel" runat="server" CssClass="btn btn-inverse SpacingAll15" BorderStyle="None" OnClick="btnOrganizeCancel_Click" />

<asp:Button ID="btnOrganizeSave" Text="Save" runat="server" CssClass="btn btn-success SpacingAll15" BorderStyle="None" OnClick="btnOrganizeSave_Click" />

</asp:TableCell>

</asp:TableRow>

</asp:Table>

</div>

</ContentTemplate>

</telerik:RadWindow>

</telerik:RadPageView>

</telerik:RadMultiPage>

</telerik:RadAjaxPanel>

OrgChart

answered on 07 Jul 2014

1 answer

133 views

Ajax Settings For Master Page Whose Content Page Has User Control

Hello

I am working on a project with a master page. In the content page I have a user control.
Please see the following schema in the file attachment.

Inside the user control there is a RadGrid. There is also an asp:panel and inside it a
custom footer made from dynamic controls.

We added a RadAjaxManagarProxy with the following settings inside the user control:

Radgrid --> Radgrid
Asp_panel --> Asp_panel
Asp_panel --> RadGrid

The content page contains the user-control.

When I press on a control in the master page, I want the RadGrid be update.

How I do that?

I have tried to set the Ajax manager in the master page programmatically: (VB.NET)

Dim MyGridUControl0 As UserControl = CType(MainContentPlaceHolder.FindControl("UC_Grid_Footer0"), UserControl)

Dim MyUGrid0 As RadGrid = CType(MyGridUControl0.FindControl("RadGrid1"), RadGrid)

Dim MyFooter0 As System.Web.UI.Control = CType(MyGridUControl0.FindControl("Panel_Footer"), System.Web.UI.Control)

RadAjaxManager1.AjaxSettings.AddAjaxSetting(treeView_SideMenu, MyUGrid0)

RadAjaxManager1.AjaxSettings.AddAjaxSetting(treeView_SideMenu, MyGridUControl0 )

None of the above works.

Thanks.
Daniel

Ajax

answered on 07 Jul 2014

3 answers

101 views

Telerik Rad Ajax Loading Panel issue in SharePoint 2010

Hi

I am using this online demo http://demos.telerik.com/aspnet-ajax/treeview/examples/functionality/draganddropnodes/defaultcs.aspx codes to be used in SharePoint 2010. I am using drag and drop of nodes from Tree view to Grid. For the first Drag and Drop, the Ajax loading panel will not work. in the sense ajax will not be intiated the whole page gets refreshed. Whereas for the second drag and drop the ajax loading panel will work fine without any issue,
May i know where i am going wrong. Please advise

Ajax

answered on 07 Jul 2014

1 answer

98 views

Export to Excel with additional data

I am using the RadTreeList Export to Excel feature and Telerik 2012 SP2 and it works OK to a point. I was wondering however if it is possible to add additional information to the export as I need to add headings etc to define what the data being exported to Excel actually is which is not present in the RadTreeList itself.

TreeList

answered on 07 Jul 2014

3 answers

1.0K+ views

RadDatePicker calender is not getting popup

HI

Ihave to use RadDatePicker in my project for showing calender. for this i use following code.

<telerik:RadDatePicker ID="txtTargetDate1" Style="vertical-align: middle;" MinDate="2006-02-01"
                                runat="server" MaxDate="2099-12-16" Skin="Gray" Culture="English (United States)"
                                FocusedDate="2006-02-01" Width="136px" AutoPostBack="false">
                                <DateInput ID="DateInput3" runat="server" DateFormat="dd-MMM-yyyy" Height="20px"
                                    AutoPostBack="false" LabelCssClass="radLabelCss_Gray"
                                    Skin="Gray">
                                </DateInput>
                                <Calendar ID="Calendar3" runat="server" UseRowHeadersAsSelectors="False" UseColumnHeadersAsSelectors="False" ViewSelectorText="x"
                                    Skin="Gray">
                                </Calendar>
                                <DatePopupButton ImageUrl="" HoverImageUrl=""></DatePopupButton>
                            </telerik:RadDatePicker>

But using this I am not able to populate calender popup in my project.

what are changed require in the code to open popup.

Thanks In Advance
Omkar.

Input

answered on 07 Jul 2014

5 answers

283 views

Export grid in Asp Update Panel

Ok looked at some of the code examples but have not found any like mine, and I am wondering if the way i am doing this works somehow in the update panels. I would hope that this would be built in or easy to change to get the grid to export to PDF, EXCEL or word.

<asp:UpdatePanel ID="UDP1" runat="server">
        <ContentTemplate>
            <table width="100%">
                <tr>
                    <td align="center"><asp:DropDownList ID="ddlSRpEvent" runat="server" AutoPostBack="true" Width="220px"></asp:DropDownList> &nbsp 
                                        <asp:DropDownList ID="ddlSrpDay" runat="server" Width="220px" AutoPostBack="true"></asp:DropDownList></td>
                </tr>
                <tr>
                    <td align="center"><asp:LinkButton ID="lnkReport" runat="server">View Report</asp:LinkButton></td>
                </tr>
                <tr>
                    <td style="height:20px"></td>
                </tr>
            </table>
            <table width="100%">
                <tr>
                    <td align="center">
                        <telerik:RadGrid ID="myRadGrid" runat="server" Width="95%" BorderWidth="1px" CellPadding="6" GridLines="Horizontal" BorderColor="#404040" Skin="Web20" ExportSettings-Excel-Format="Html"
                        ExportSettings-ExportOnlyData="true" ExportSettings-OpenInNewWindow="true"
                        ExportSettings-Pdf-AllowPrinting="true"><ExportSettings><Pdf FontType="Subset" PaperSize="Letter" PageTitle="No Show Report" /><Excel Format="html" FileExtension="NoShow.xlxs" /></ExportSettings>
                        <MasterTableView AutoGenerateColumns="false" HierarchyDefaultExpanded="false" HierarchyLoadMode="ServerBind" BorderColor="#404040" Font-Size="10" Font-Names="Veranda,arial,sans-serif"
                        HeaderStyle-HorizontalAlign="Center" GridLines="Horizontal" CommandItemSettings-ShowExportToPdfButton="true" CommandItemDisplay="Top" CommandItemSettings-ShowExportToExcelButton="true"
                        CommandItemSettings-ShowAddNewRecordButton="false" CommandItemSettings-ShowRefreshButton="false" CommandItemSettings-ShowExportToWordButton="true">
                        <AlternatingItemStyle BackColor="#B0C4DE" />
                        <HeaderStyle ForeColor="White" Font-Bold="true" BorderColor="#404040" BorderWidth="1px" />
                            <Columns>
                                <telerik:GridBoundColumn HeaderText="UIC" DataField="UIC"></telerik:GridBoundColumn>
                                <telerik:GridBoundColumn HeaderText="Att UIC" DataField="AUIC"></telerik:GridBoundColumn>
                                <telerik:GridBoundColumn HeaderText="Rank" DataField="strRank"></telerik:GridBoundColumn>
                                <telerik:GridBoundColumn HeaderText="Name" DataField="strFullName"></telerik:GridBoundColumn>
                                <telerik:GridBoundColumn HeaderText="SRPType" DataField="strShortText"></telerik:GridBoundColumn>
                                <telerik:GridBoundColumn HeaderText="Date" DataField="dtEventDate"></telerik:GridBoundColumn>
                                <telerik:GridBoundColumn HeaderText="Time" DataField="StartTime"></telerik:GridBoundColumn>
                                <telerik:GridBoundColumn HeaderText="Previous SRP" DataField="Srp"></telerik:GridBoundColumn>
                            </Columns>
                         </MasterTableView>
                        </telerik:RadGrid>
                    </td>
                </tr>
            </table>
        </ContentTemplate>
    </asp:UpdatePanel>

Protected Sub lnkReport_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles lnkReport.Click
        FillGrid()
    End Sub

Private Sub FillGrid()
        Dim eventId As String = ddlSRpEvent.SelectedValue
        Dim SqlWhere As String = ""

        If eventId > "0" AndAlso ddlSRpEvent.SelectedValue > "0" Then
            SqlWhere = " intEventid = " & eventId & " and intEventDateId = " & ddlSrpDay.SelectedValue & " "
        Else
            SqlWhere = " intEventid = " & eventId & " "
        End If

        SQL = "Sql statment to fill grid" Not Shown"

         Dim MyDataTable As DataTable = getData(sql)
        Dim MyNewDataTable As New DataTable
        MyNewDataTable = MyDataTable.Clone()

        Dim theCount As Integer = 0
        Dim totalCount As Integer = 0
        Dim dtnewRow As DataRow
        Dim Unit As String = String.Empty

        totalCount = MyDataTable.Rows.Count

        For Each row As DataRow In MyDataTable.Rows
            If Unit = String.Empty Then
                'First Record, just add it.
                Unit = row("UIC")
                MyNewDataTable.ImportRow(row)
                theCount = theCount + 1
            Else
                If Unit = row("UIC") Then
                    row("UIC") = ""
                    MyNewDataTable.ImportRow(row)
                    theCount = theCount + 1
                Else
                    'row is of different UIC, create a row for totals
                    dtnewRow = MyNewDataTable.NewRow()
                    dtnewRow.Item("SRP") = "TOTAL " & theCount
                    MyNewDataTable.Rows.Add(dtnewRow)
                    theCount = 0
                    'add the row with diffent UIC as well
                    Unit = row("UIC")
                    MyNewDataTable.ImportRow(row)
                    theCount = theCount + 1
                End If
            End If
        Next

        'Add the Footer row with the the total count
        dtnewRow = MyNewDataTable.NewRow()
        dtnewRow.Item("SRP") = "TOTAL ALL UIC's " & totalCount
        MyNewDataTable.Rows.Add(dtnewRow)

myRadGrid.DataSource = MyNewDataTable
myRadGrid.DataBind()

End Sub

Grid

answered on 07 Jul 2014

1 answer

174 views

ASP AJAX PANEL Setting Inside a User-Control

Hello

I am currently working on project that contains a user-control.
Inside the user-control there are the following:
A RadGrid, an Asp:Panel and RaAjaxManajerProxy.
The ASP PANEL wraps several controls (LinkButtons, RadButtons etc.)
The user-control is managed by the RadAjaxManajerProxy.

I have the following problem:
The first time the page is loaded, the Telerik controls inside the Asp:Panel
are not working (RadComboBox does not open and RadButtons does not respond).
However, the default ASP controls work (LinkButton etc.)
After I click one time on one of the LinkButtons, all other Telerik controls
start to work (after POSTBACK).

What exactly is going on here?
How to solve the problem?

Thank
Daniel.

ASPX:

<telerik:RadAjaxManagerProxy ID="RadAjaxManagerProxy1" runat="server">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="Panel_Footer">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="Panel_Footer" UpdatePanelCssClass="" />

<telerik:AjaxUpdatedControl ControlID="RadGrid1" UpdatePanelCssClass="" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="RadGrid1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadGrid1" UpdatePanelCssClass="" LoadingPanelID="RadAjaxLoadingPanel_UC" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManagerProxy>

<telerik:RadGrid ID="RadGrid1" Height="300px" runat="server" EnableHeaderContextMenu="true">

<ClientSettings>

<Scrolling AllowScroll="True"></Scrolling>

</ClientSettings>

</telerik:RadGrid>

<asp:Panel ID="Panel_Footer" runat="server">

<table id="FooterPagingControl" cellpadding="0" cellspacing="0" class="FooterPagingControl">

<tr>

<td id="Prevs">

<telerik:RadButton ID="btn_Start" runat="server" Text="RadButton">

<ContentTemplate>

<span class="glyphicon glyphicon-step-backward"></span>

</ContentTemplate>

</telerik:RadButton>

<telerik:RadButton ID="btn_Prev" runat="server" Text="RadButton">

<ContentTemplate>

<span class="glyphicon glyphicon-play glyphicon-rotate"></span>

</ContentTemplate>

</telerik:RadButton>

</td>

<td>

<div id="PagesNumbers" runat="server"></div>

<%--The LinkButtons are added here dynamically by the code behind --%>

</td>

<td id="Nexes">

<telerik:RadButton ID="btn_Next" runat="server" Text="RadButton">

<ContentTemplate>

<span class="glyphicon glyphicon-play"></span>

</ContentTemplate>

</telerik:RadButton>

<telerik:RadButton ID="btn_End" runat="server" Text="RadButton">

<ContentTemplate>

<span class="glyphicon glyphicon-step-forward"></span>

</ContentTemplate>

</telerik:RadButton>

</td>

<td id="ComboPaging">

<asp:Label runat="server" ID="lbl_PageSize" Text=" Page size:"></asp:Label>

<telerik:RadComboBox ID="DD_PageSize" runat="server" Width="58px" AutoPostBack="True">

<Items>

<telerik:RadComboBoxItem Text="10" />

<telerik:RadComboBoxItem Text="20" />

<telerik:RadComboBoxItem Text="25" />

<telerik:RadComboBoxItem Text="50" />

<telerik:RadComboBoxItem Text="100" />

<telerik:RadComboBoxItem Text="200" />

</Items>

</telerik:RadComboBox>

</td>

<td id="Summery"> </td>

<td id="Total">

<asp:Label ID="lbl_NumRecord" runat="server" Text=" Label" Font-Bold="true"></asp:Label>

<asp:Label ID="lbl_Records" runat="server" Text="Records in "></asp:Label>

<asp:Label ID="lbl_NumPages" runat="server" Text="Label" Font-Bold="true"></asp:Label>

<asp:Label ID="lbl_Pages" runat="server" Text="Pages"></asp:Label>

</td>

</tr>

</table>

</asp:Panel>

Ajax

answered on 07 Jul 2014