Questions on UI for ASP.NET AJAX Forum

1 answer

588 views

Telerik.Web.UI.WebResource.axd load slowly

Hi:
My web page loads really slow after i have added a editor control on the page.

I am using IE 9 to test. I can see "Telerik.Web.UI.WebResource.axd?_TSM_HiddenField_=RadScriptManager1_TSM&compress=1&_TSM_CombinedScripts_=%3b%3bSystem.Web.Extensions%2c+Version%3d3.5.0.0%2c+Culture%3dneutral%2c+PublicKeyToken%3d31bf3856ad364e35%3aen%3a553a4a13-b3a5-4e6b-a152-b131051f1788%3aea597d4b%3ab25378d2%3bTelerik.Web.UI%2c+Version%3d2011.3.1305.35%2c+Culture%3dneutral%2c+PublicKeyToken%3d121fae78165ba3d4%3aen%3ac331b262-facd-47ae-9de3-......" is pending when using IE developer tools to check the network. After a while, the page will be loaded and the size of the file is around 1MB.

I am just wondering if there is a way to optimize that. I have searched other related issues but could not solve this performance issue.

thanks in advance.

Editor

answered on 08 Nov 2012

2 answers

128 views

ondemad loading on TabClick

HI,

I am working on Radtab ondemand loading. When i click on the tab i just want to load that tab. I see your example but you are loading .ascx page on demand. Can i use aspx pages. I have 10 tabs with 10 pageviews. first 2 pageviews have grids within the pageview itself and other 8 tabs when i clcik on the tab i want to show different aspx pages in that associated pageview. NavigateURL is not wotking for my scenario. How to achive this scenario. ANy example would be best for me to understand. I tried the way in your example but its throwing some error for aspx pages. Here is my sample code Please look into it. Thanks.

<telerik:RadTabStrip ID="RadTabSieHistory" runat="server" Skin="Vista" MultiPageID="RadMultiPageSieHistory"

OnTabClick="RadTabSieHistory_TabClick">

<Tabs>

<telerik:RadTab Text="Search Results" PageViewID="RPVSearchResults">

</telerik:RadTab>

<telerik:RadTab Text="Process Flow" PageViewID="RPVProcessFlow">

</telerik:RadTab>

<telerik:RadTab Text="Task History" PageViewID="EditWinTaskHistory">

</telerik:RadTab>

<telerik:RadTab Text="Order Details" PageViewID="RPVOrdDetails">

</telerik:RadTab>

<telerik:RadTab Text="Fiber Details" PageViewID="RPVFiberDet">

</telerik:RadTab>

<telerik:RadTab Text="Dependencies" PageViewID="RPVDependncy">

</telerik:RadTab>

<telerik:RadTab Text="Jeopardy" PageViewID="RPVJeop">

</telerik:RadTab>

<telerik:RadTab Text="Attachments" PageViewID="RPVAttachments">

</telerik:RadTab>

<telerik:RadTab Text="Notes" PageViewID="RPVNotes">

</telerik:RadTab>

</Tabs>

</telerik:RadTabStrip>

<telerik:RadMultiPage ID="RadMultiPageSieHistory" runat="server" BorderStyle="Solid"

BorderWidth="1px" BackColor="White" BorderColor="Black" OnPageViewCreated="RadMultiPageSieHistory_PageViewCreated">

<telerik:RadPageView ID="RPVSearchResults" runat="server">

<asp:label id="lblMsg" runat="server" font-bold="True" font-size="10pt" backcolor="Yellow"

forecolor="Black"></asp:label>

<div style="text-align: right; font-size: 8pt" id="div1" runat="server">

<asp:linkbutton id="lnkbtnViewAll" onclick="lnkbtnViewAll_Click" runat="server" text="View All"></asp:linkbutton>

Total Records found: <asp:label id="lblTotRecCount" font-bold="True"

runat="server" forecolor="Black" font-size="10pt" text="0"></asp:label>

</div>

<div style="overflow: auto; height: 460px">

<asp:gridview id="gvSites" borderwidth="0px" borderstyle="None" runat="server" backcolor="White"

bordercolor="White" cellspacing="1" allowpaging="True" width="98.6%" onrowdatabound="gvSites_RowDataBound"

onselectedindexchanged="gvSites_SelectedIndexChanged" onpageindexchanging="gvSites_PageIndexChanging"

pagesize="15" allowsorting="True" onsorting="gvSites_Sorting" autogeneratecolumns="False"

onrowcommand="gvSites_RowCommand">

<AlternatingRowStyle Font-Size="8pt" BackColor="#F5F5E9" BorderWidth="0px" BorderColor="White" />

<Columns>

<asp:TemplateField>

<ItemTemplate>

<asp:Image ID="imgOrdStat" runat="server" />

</ItemTemplate>

</asp:TemplateField>

<asp:BoundField DataField="OrderType" />

<asp:BoundField DataField="LineOfBusiness" SortExpression="LineOfBusiness" HeaderText="LOB" />

<asp:BoundField DataField="DivisionName" SortExpression="DivisionName" HeaderText="Division Name" />

<asp:BoundField DataField="MarketName" SortExpression="MarketName" HeaderText="Region/ Market Name" />

<asp:BoundField DataField="CarrierName" SortExpression="CarrierName" HeaderText="Customer Name" />

<asp:BoundField DataField="HeadendName" SortExpression="HeadendName" HeaderText="Headend Name" />

<asp:BoundField DataField="ProjectName" SortExpression="ProjectName" HeaderText="Project Name" />

<asp:BoundField DataField="siteId" SortExpression="siteId" HeaderText="site Id" />

<asp:BoundField DataField="SiteName" SortExpression="SiteName" HeaderText="Site Name" />

<asp:BoundField DataField="Address" SortExpression="Address" HeaderText="Site Address" />

<asp:BoundField DataField="quoteId" SortExpression="quoteId" HeaderText="Quote ID" />

<asp:BoundField DataField="PTD" SortExpression="PTD" HeaderText="PTD" />

<asp:BoundField DataField="orderStatus" SortExpression="orderStatus" HeaderText="Order Status" />

<asp:BoundField DataField="orderId" />

<asp:BoundField DataField="MixedOrder" HeaderText="MixOrd" />

<asp:BoundField DataField="ServiceOrderNumber" HeaderText="Service Order Number"

SortExpression="Service Order Number" />

<asp:TemplateField Visible="False">

<ItemTemplate>

<asp:Label ID="lblOrdType" runat="server" Text='<%# Bind("orderTypeDesc") %>'></asp:Label>

</ItemTemplate>

</asp:TemplateField>

<asp:TemplateField>

<ItemTemplate>

<asp:ImageButton ID="imgDet" ToolTip="View network diagram" CommandName="Details"

ImageUrl="Images/Details.gif" runat="server" />

</ItemTemplate>

</asp:TemplateField>

<asp:TemplateField>

<ItemTemplate>

<asp:ImageButton ID="imgMixDet" ToolTip="View Mixed Order Details" CommandName="Mixed"

ImageUrl="Images/MIXED.png" runat="server" Visible="false" />

</ItemTemplate>

</asp:TemplateField>

</Columns>

<FooterStyle BackColor="White" ForeColor="#000066" BorderWidth="0px" />

<HeaderStyle Height="20px" BackColor="#004000" Font-Size="8pt" Font-Bold="True" ForeColor="White"

HorizontalAlign="Center" BorderWidth="0px" />

<PagerSettings Mode="NumericFirstLast" />

<PagerStyle HorizontalAlign="Right" Font-Bold="True" Font-Size="8pt" />

<RowStyle ForeColor="#3C5F22" Font-Size="8pt" BackColor="White" BorderWidth="0px"

BorderColor="White" />

</asp:gridview>

</div>

</telerik:RadPageView>

<telerik:RadPageView ID="RPVProcessFlow" runat="server">

<div style="overflow: auto; width: 100%; overflow-y: hidden" align="center">

<syncfusion:diagramwebcontrol cssclass="diadisplay" bordercolor="White" borderstyle="NotSet"

borderwidth="0" id="DiagramWebControl1" runat="server" width="100%" waitingpopuptext="Processing"

dbclicktimeoutdelay="1" disabledbackgroundcolor="LightBlue" waitingpopupautoformat="Indicator"

boundaryconstraintsenabled="True" documentid="f69befd0-b591-42af-a1c6-377dd730c290"

enablexhtml="true" height="485px" onnodeclick="DiagramWebControl1_NodeClick" />

</div>

</telerik:RadPageView>

<telerik:RadPageView ID="RPVTskHis" runat="server">

</telerik:RadPageView>

<telerik:RadPageView ID="RPVOrdDetails" runat="server">

</telerik:RadPageView>

<telerik:RadPageView ID="RPVFiberDet" runat="server">

</telerik:RadPageView>

<telerik:RadPageView ID="RPVDependncy" runat="server">

</telerik:RadPageView>

<telerik:RadPageView ID="RPVJeop" runat="server">

</telerik:RadPageView>

<telerik:RadPageView ID="RPVAttachments" runat="server">

</telerik:RadPageView>

<telerik:RadPageView ID="RPVNotes" runat="server">

</telerik:RadPageView>

</telerik:RadMultiPage>

protected void RadMultiPageSieHistory_PageViewCreated(object sender, RadMultiPageEventArgs e)

{

//if (e.PageView.ID.ToLower() == "rpvtskhis")

//{

// Page.LoadControl("EditWinTaskHistory.aspx");

//}

//else if (e.PageView.ID.ToLower() == "rpvorddetails")

//{

// Page.LoadControl("EditWinOrderData.aspx");

//}

//else if (e.PageView.ID.ToLower() == "rpvfiberdet")

//{

// Page.LoadControl("EditWinFiberConstructionCost.aspx");

//}

if(e.PageView.ID == "EditWinTaskHistory")

Page.LoadControl("EditWinTaskHistory.aspx");

//string userControlName = e.PageView.ID + ".aspx";

//Control userControl = Page.LoadControl(userControlName);

//userControl.ID = e.PageView.ID + "_userControl";

//e.PageView.Controls.Add(userControl);

}

protected void RadTabSieHistory_TabClick(object sender, RadTabStripEventArgs e)

{

if (e.Tab.Index != 0 && e.Tab.Index != 1)

{

AddPageView(e.Tab);

e.Tab.PageView.Selected = true;

}

private void AddPageView(RadTab tab)

{

RadPageView pageView = new RadPageView();

pageView.ID = tab.PageViewID;

RadMultiPageSieHistory.PageViews.Add(pageView);

tab.PageViewID = pageView.ID;

}

TabStrip

answered on 08 Nov 2012

7 answers

116 views

Get all users from table with the right id

heey guys 



I have a problem how can I get the department with the all current Users I created a View that connect this both tables(user/department) 



but i got this strange error (Must declare the scalar variable "@UserId".) 



my coder













protected

void LoadDE(string businessUnitId)

{

SqlConnection connection = new SqlConnection(ConfigurationManager.ConnectionStrings["HolidayTrackerConnectionString"].ConnectionString);

SqlDataAdapter adapter = new SqlDataAdapter("SELECT * FROM DepartmentView WHERE BusinessUnitId=@BusinessUnitId AND UserId=@UserId", connection);

adapter.SelectCommand.Parameters.AddWithValue("@BusinessUnitId", businessUnitId);

DataTable dt = new DataTable();

adapter.Fill(dt);

rcbDepartments.DataTextField = "Name";

rcbDepartments.DataValueField = "DepartmentId";

rcbDepartments.DataSource = dt;

rcbDepartments.DataBind();

rcbDepartments.Items.Insert(0, new RadComboBoxItem("-Select a DEP-"));

}

Thanks for every help and fast answer ! ^^

Grid

answered on 08 Nov 2012

2 answers

112 views

Unable to find a usable method for enabling/disabling a textbox in a FormTemplate

I've got textboxes within a RadGrid FormTemplate. I am getting the handles for the textboxes with the methods illustrated here: http://www.telerik.com/community/code-library/aspnet-ajax/grid/accessing-server-controls-in-a-grid-template-on-the-client.aspx

I have the handles to the textboxs. That is not in doubt.

The problem is, I cannot find any usable way to enable or disable them through Javascript.

Either nothing happens or the page crashes.

(And there seem to be a dozen different methods out there. enable()/disable(). attr/removeattr, disabled =true/false, etc.)

Input

answered on 08 Nov 2012

2 answers

114 views

Is there a demo that shows how to access and manipulate controls within a RadGrid form template popup on the client side?

I'm sorry if this is partially a duplicate of a previous entry but I need a fast answer.

I need to be able to be able to enable and disable textboxes and other controls within a RadGrid's popup using a Javascript call from a check box on that same popup.

Every entry I've found seems to contradict the previous and nothing works.

Grid

answered on 08 Nov 2012

1 answer

65 views

Toolbar Tools section wraps to 2nd line

In one of my applications with IE 7 browser, the toolbar tools section that contains a dropdown will wrap to the 2nd line. See attached image.

I am using 2012.3.1030.35. This application has a Master page. The content page has a Radgrid. In the editform is the Radeditor. The radeditor uses a tools.xml file to load specific tools.

If the tools section has a dropdown as shown below, the <tool /> after the last dropdown will display on the next line. So in the below example, the separator and the formatstripper objects will appear in a line below the 3 dropdown objects.

<

tools name="Fonts" dockable="true" >

<

tool name="FormatBlock" />

<

tool name="FontName" />

<

tool name="RealFontSize" />

<

tool separator="true" />

<

tool name="FormatStripper" />

</

tools>

Any suggestions as to how to fix this?

Editor

answered on 08 Nov 2012

2 answers

45 views

Hypothetical question: Grid performance under two different scenarios

I'm looking at the following demos.

http://demos.telerik.com/aspnet-ajax/grid/examples/hierarchy/declarativerelations/defaultcs.aspx

http://demos.telerik.com/aspnet-ajax/grid/examples/programming/selectedvalue/defaultcs.aspx

I have the usual header-detail relationship in a pair of tables.

I was just wondering if there are any performance issues I should be aware of when chosing one method over another?

(It's quite likely that most of the headers may have only a few details. It is also possible a few could have dozens.)

Grid

answered on 08 Nov 2012

2 answers

183 views

Is there a simpler way than this to bind RadButtons in checkbox mode?

I have a RadButton in a Popup template in ToggleButton (checkbox) mode. I've bound the checked property with the usual Bind statement to a bit field in my SQL db.

Actually everything has been working fine since I found this forum entry from 2009: http://www.telerik.com/community/forums/aspnet-ajax/grid/checkbox-in-editform.aspx

I was just wondering if this is still the standard way of binding boolean fields for Insert?

Button

answered on 08 Nov 2012

1 answer

201 views

Can't set RadGrid Font Size

I've tried several approaches trying to change the rendered font size of all the data cells in my radgrid, but nothing I have tried has worked.

I have tried:
* Setting the attribute Font-Size="Large" at both the RadGrid and MasterTableView Level, both by editing the code and by using Visual Studios Design View Editior.
** Changes at the MasterTableView level change the preview in Visual Studio Desgin view, but has no effect on the rendered page.

* Setting a cssclass at the radGrid level as shown at http://www.telerik.com/community/forums/aspnet-ajax/grid/font-size-problem.aspx
but again, while it changed things in the design view, it did not change the rendered page.

Don't know what else to try - You would think this should be a trivial change to make....

Grid

answered on 08 Nov 2012

3 answers

255 views

Multiple AJAX calls on pageLoad

I'm developing a dashboard type web page where I have multiple (6 currently, more will be added later) widgets I would like to load asynchronously after the page loads. I would like each widget to be it's own UserControl, but if that is not possible, I can put everything on one page. It is also desired for each widget to have its own loading panel, so a widget is finished loading, their respective panel is hidden and the widget is usable.

I need these to all begin loading at the same time because each widget is pulling data from different systems and could take several seconds for each one. If they are loaded serially, it will take a long time for the page to completely load. I've tried using both the RadAJAXManager and RadAJAXPanels and have been unable to come up with a working solutions.

A similar question was posted (http://www.telerik.com/community/forums/aspnet-ajax/ajax/multiple-radajaxpanel-s-invoked-on-pageload-causes-errors.aspx) but I never saw a solutions posted that worked.

Here is the one version of the code I'm trying.

<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">

<script type="text/javascript">

function pageLoad(sender, eventArgs) {

if (!eventArgs.get_isPartialLoad()) {

$find("<%= RadAjaxManager1.ClientID %>").ajaxRequest("LoadWidget1");

$find("<%= RadAjaxManager1.ClientID %>").ajaxRequest("LoadWidget2");

$find("<%= RadAjaxManager1.ClientID %>").ajaxRequest("LoadWidget3");

$find("<%= RadAjaxManager1.ClientID %>").ajaxRequest("LoadWidget4");

$find("<%= RadAjaxManager1.ClientID %>").ajaxRequest("LoadWidget5");

$find("<%= RadAjaxManager1.ClientID %>").ajaxRequest("LoadWidget6");

}

</script>

</telerik:RadCodeBlock>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server"></telerik:RadAjaxLoadingPanel>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel2" runat="server" BackColor="Red"></telerik:RadAjaxLoadingPanel>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel3" runat="server" BackColor="Red"></telerik:RadAjaxLoadingPanel>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel4" runat="server" BackColor="Red"></telerik:RadAjaxLoadingPanel>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel5" runat="server" BackColor="Red"></telerik:RadAjaxLoadingPanel>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel6" runat="server" BackColor="Red"></telerik:RadAjaxLoadingPanel>

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" RequestQueueSize="10" EnableAJAX="true">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="RadAjaxManager1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="panel1" LoadingPanelID="RadAjaxLoadingPanel1" />

<telerik:AjaxUpdatedControl ControlID="panel2" LoadingPanelID="RadAjaxLoadingPanel2" />

<telerik:AjaxUpdatedControl ControlID="panel3" LoadingPanelID="RadAjaxLoadingPanel3" />

<telerik:AjaxUpdatedControl ControlID="panel4" LoadingPanelID="RadAjaxLoadingPanel4" />

<telerik:AjaxUpdatedControl ControlID="panel5" LoadingPanelID="RadAjaxLoadingPanel5" />

<telerik:AjaxUpdatedControl ControlID="panel6" LoadingPanelID="RadAjaxLoadingPanel6" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<asp:Panel ID="panel1" runat="server"></asp:Panel><br />

<asp:Panel ID="panel2" runat="server"></asp:Panel><br />

<asp:Panel ID="panel3" runat="server"></asp:Panel><br />

<asp:Panel ID="panel4" runat="server"></asp:Panel><br />

<asp:Panel ID="panel5" runat="server"></asp:Panel><br />

<asp:Panel ID="panel6" runat="server"></asp:Panel><br />

Protected Sub RadAjaxManager1_AjaxRequest(sender As Object, e As Telerik.Web.UI.AjaxRequestEventArgs) Handles RadAjaxManager1.AjaxRequest

If e.Argument = "LoadWidget1" Then

System.Threading.Thread.Sleep(1000)

panel1.Controls.Add(New LiteralControl(Now.ToLongTimeString))

ElseIf e.Argument = "LoadWidget2" Then

System.Threading.Thread.Sleep(1000)

panel2.Controls.Add(New LiteralControl(Now.ToLongTimeString))

ElseIf e.Argument = "LoadWidget3" Then

System.Threading.Thread.Sleep(3000)

panel3.Controls.Add(New LiteralControl(Now.ToLongTimeString))

ElseIf e.Argument = "LoadWidget4" Then

System.Threading.Thread.Sleep(4000)

panel4.Controls.Add(New LiteralControl(Now.ToLongTimeString))