Questions on UI for ASP.NET AJAX Forum

2 answers

271 views

RadGrid rendering extremely slow. GridTemplateColumn with RadNumericTextBox

I have a very simple grid with 10+ columns. I first started noticing the slowness on rendering (5 to 6 seconds) when there was roughly 125 rows being bound from the database. The slowness I was getting just felt like something was hanging on the client side. Then I started getting the dreaded "a script is still running. do you want to stop or continue?"

I started removing client side features and still was having the same results. Finally I removed the 3 GridTemplateColumns that contained RadNumericTextBoxes and the page rendered instantly. No delay, no nothing. So then I put in regular old asp:TextBox(es) and again, the page rendered instantly.

What gives? Doesn't seem right that using RadNumericTextBoxes inside a RadGrid would cause that much delay. Is there a trick to doing this?

Thanks!

<telerik:RadGrid ID="gvSelectTransactionsEstimated" runat="server" AllowMultiRowSelection="true" AllowSorting="true" EnableEmbeddedSkins="false" OnItemDataBound="gvSelectTransactionsEstimated_ItemDataBound" OnPreRender="gvSelectTransactionsEstimated_PreRender" Skin="VistaCustom">

<ClientSettings EnableRowHoverStyle="true">

<Selecting AllowRowSelect="true" UseClientSelectColumnOnly="true" />

</ClientSettings>

<MasterTableView ClientDataKeyNames="PremiumRate,PaymentRate" DataKeyNames="PremiumRate,PaymentRate" HierarchyLoadMode="ServerBind" AutoGenerateColumns="false" Name="ParentView" ShowHeader="true">

<Columns>

<telerik:GridClientSelectColumn HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" UniqueName="Checkbox"></telerik:GridClientSelectColumn>

<telerik:GridBoundColumn DataField="PolicyNo" HeaderText="Policy No" SortExpression="PolicyNo" UniqueName="PolicyNo"></telerik:GridBoundColumn>

<telerik:GridTemplateColumn HeaderText="Collateral Terms" UniqueName="Collateral" SortExpression="CollateralTypeName">

<ItemTemplate>

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

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridDateTimeColumn DataField="PeriodDate" DataFormatString="{0:MM/dd/yyyy}" HeaderText="Period Date" SortExpression="PeriodDate" UniqueName="PeriodDate" ></telerik:GridDateTimeColumn>

<telerik:GridNumericColumn DataField="ReconcileAmount" DataFormatString="{0:C2}" HeaderText="Prem Due" UniqueName="PremiumDue" HeaderStyle-HorizontalAlign="Right" ItemStyle-HorizontalAlign="Right"></telerik:GridNumericColumn>

<telerik:GridTemplateColumn HeaderText="Prem Recv" UniqueName="PremiumReceived" HeaderStyle-HorizontalAlign="Right" ItemStyle-HorizontalAlign="Right">

<ItemTemplate>

<telerik:RadNumericTextBox ID="txtPremiumReceived" runat="server" EnabledStyle-HorizontalAlign="Right" Width="61"></telerik:RadNumericTextBox>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="Comm W/h" UniqueName="Commission" HeaderStyle-HorizontalAlign="Right" ItemStyle-HorizontalAlign="Right">

<ItemTemplate>

<telerik:RadNumericTextBox ID="txtCommissionWithheld" runat="server" EnabledStyle-HorizontalAlign="Right" Width="61"></telerik:RadNumericTextBox>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="# Loans" UniqueName="NumberOfLoans" HeaderStyle-HorizontalAlign="Right" ItemStyle-HorizontalAlign="Right">

<ItemTemplate>

<telerik:RadNumericTextBox ID="txtNumberOfLoans" runat="server" EnabledStyle-HorizontalAlign="Right" NumberFormat-DecimalDigits="0" Width="46"></telerik:RadNumericTextBox>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn DataField="CollateralTypeName" UniqueName="CollateralTypeName" Visible="false"></telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="MaximumFinanceTerm" UniqueName="MaximumFinanceTerm" Visible="false"></telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="MaximumFinanceAmount" UniqueName="MaximumFinanceAmount" Visible="false"></telerik:GridBoundColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

Grid

answered on 06 Apr 2012

4 answers

181 views

[Solved] Specify File name on upload.

Hi - my users can upload an image of themselves as their profile picture. The image could have any random name. However, I'd like to save this file on the server with their UserID as the filename, not whatever they have it on their machine.

I got this working by uploading and renaming but this seems sloppy and dangerous. What if they have the file named as someone else's UserID?

Any tips? Thank you!

Shaw

Upload (Obsolete)

answered on 06 Apr 2012

4 answers

229 views

RadAjaxLoadingPanel Transparency IE8 not working

Hi there,

it's working fine on IE7, Firefox, Chrome.

On IE8 it just has full background color. Is there any workaround for this?

I have tried both setting transparency for the radajaxloadingpanel declaratively + through CSS opacity property.

Thanks!

Ajax

answered on 06 Apr 2012

2 answers

215 views

Radtextbox and Requiredvalidator problem

Hello telerik team.
I'm using radtextbox with required validator.
and there has a problem at the google chrome(version 18.0.1025.142 m)

When I selected all text in the radtextbox and delete ( ex: press "del" key or backspace key)
and move focus to any other controls.

then the deleted text was recovered.
and i found this problem related in SetFocusOnError property when value is "true"

I'm using latest 2012.1.403.40 version.

please check my code for any mistakes

<%@ Page Language="VB" AutoEventWireup="false" CodeBehind="Default.aspx.vb" Inherits="RadControlsWebApp5._Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title></title>

<telerik:RadStyleSheetManager id="RadStyleSheetManager1" runat="server" />

</head>

<body>

<form id="form1" runat="server">

<telerik:RadScriptManager ID="RadScriptManager1" runat="server">

<Scripts>

<%--Needed for JavaScript IntelliSense in VS2010--%>

<%--For VS2008 replace RadScriptManager with ScriptManager--%>

<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>

</telerik:RadScriptManager>

<script type="text/javascript">

//Put your JavaScript code here.

</script>

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">

</telerik:RadAjaxManager>

<div>

<telerik:RadTextBox runat="server" ID="textbox1" SelectionOnFocus="SelectAll" text="please delete me"></telerik:RadTextBox>

<telerik:RadTextBox runat="server" ID="textbox2" SelectionOnFocus="SelectAll" text="please delete me"></telerik:RadTextBox>

</div>

<asp:RequiredFieldValidator ID="RequiredFieldValidatorRadTextBoxPrice" runat="server"

Display="None" SetFocusOnError="true" ErrorMessage="" ControlToValidate="textbox1"

></asp:RequiredFieldValidator>

<asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server"

Display="None" SetFocusOnError="true" ErrorMessage="" ControlToValidate="textbox2"

></asp:RequiredFieldValidator>

<asp:ValidationSummary ID="ValidationSummarySave" runat="server" ShowSummary="false"

ShowMessageBox="true" ValidationGroup="Product" />

</form>

</body>

</html>

Input

answered on 06 Apr 2012

1 answer

364 views

Grid - update a single row

Hello,
Exists any way to update only one row of a radgrid.
I've added a new column to include the percentage of completed of a process that take some minutes.
I could not find the solution for this problem.
Please, I am very new with telerik if someone could help me with a link or an example !!!

Thank you very much for any help.

Alejandro.-

Grid

answered on 06 Apr 2012

2 answers

132 views

Dragging Clue in RadGrid

Hi,

I'am implementing drag and drop between tree view and rad grid, I want to know if there is some thing like dragging clue in rad grid similar to tree view. If so can you please let me know how can I implement it?

thanks
Pramodh

Grid

answered on 06 Apr 2012

6 answers

565 views

Parser Error Message: Unknown server tag 'telerik:ChartSeries'.

Line 95:             AutoLayout="true">
Line 96:             <Series>
Line 97:                 <telerik:ChartSeries Name="Series 1" >
Line 98:                     <Appearance BarWidthPercent="100">
Line 99:                     </Appearance>

I get the above error when I try the code in the website.

<telerik:RadChart ID="RadChart1" runat="server" SeriesOrientation="Horizontal" Height="140" AutoLayout="true">    <Series>

       <telerik:ChartSeries Name="Series 1" >

         <Appearance BarWidthPercent="100">

          </Appearance>

                <Items>

                    <telerik:ChartSeriesItem Name="Item 1" YValue="5">


           </telerik:ChartSeriesItem>



       </Items>

       </telerik:ChartSeries>

</Series>

<PlotArea>

    <YAxis AutoScale="False" MaxValue="10" MinValue="0" Step="1">


<AxisLabel>

        <Appearance RotationAngle="0">

        </Appearance>

     </AxisLabel>

    </YAxis>

</PlotArea>

</telerik:RadChart>

Why is that? I have a registered version of telerik.
I have added following assemblies as well.

using

Telerik.Web.UI;

using

Telerik.Web.Design;

using

Telerik.Charting;

Please advice ASAP.
thanks

Chart (Obsolete)

answered on 06 Apr 2012

1 answer

109 views

[Solved] problem with RadNumericTextBox

I am using RadNumericTextBox with skin Metro

The style is changed to:

.riDisplay

{

border-width: 1px !important;

color: #6384B5 !important;

border-color: #A8A8A8 !important;

*height: auto !important;

}

.InputField

{

width: 85px !important;

}

When I display this in IE9 (or Chrome, FireFox) this will be displayed correct.
When I turn on compatibilitymode in IE9 the textbox is messed up.
When I select the rendered inputfieldbox the used style looks different. (see attached picture): the inputfieldbox is wider than the displaybox.
The height of the displaybox was also larger but I could fix that by adding the style *height: auto !important;

How can I fix the width of the inputfieldbox?

Paul

Input

answered on 06 Apr 2012

3 answers

165 views

Get data key in ItemDataboundEvent

I have seen examples when to get datakey when you are using such
if typeof e.item is gridedititem and also e.item.isineditmode then

but I am only using the following in my itemdatabound to change add a datakey to a hyperlink)

If TypeOf e.Item Is GridDataItem Then

Dim NonCrit As HyperLink = CType(e.Item.FindControl("hyNonCrit"), HyperLink)

Dim HyCrit As HyperLink = CType(e.Item.FindControl("hyCrit"), HyperLink)

Dim key As Integer = myRadGrid.SelectedItems(0).OwnerTableView.DataKeyValues("intPositionId")

If CInt(HyCrit.Text) > 0 Then

HyCrit.NavigateUrl = "TaskManage.aspx?Crit=" & key

e.Item.Cells(13).BackColor = Drawing.Color.Tomato

HyCrit.ForeColor = Drawing.Color.Tomato

End If

If CInt(NonCrit.Text) > 0 Then

NonCrit.NavigateUrl = "TaskManage.aspx?NCrit=" & key

End If

Grid

answered on 06 Apr 2012

1 answer

150 views

how can i change the pager CSS page/input box size

hi,
i am using the grid within a mobile browser which is a bit to small for one to touch and manage the grid pages.
so, I'm planning on making all the buttons and text larger to help.

I'm able to make the buttons larger by just substituting in a new image...

however, the page size input box, and the page background boxes will not resize to match the larger text.

is there a way to make them larger to match the text size?

thanks

Grid

answered on 06 Apr 2012