Questions on UI for ASP.NET AJAX Forum

3 answers

149 views

About Telerik

hi friends,
i am very new to Telerik and i am working in a small company.
we are going to develop a huge product for our company, where more than lakhs of client going to enroll in this product in future.
but my questions are
1. whether its performances is high. whether i can tune my performances, according to my application, to give output faster.
2. whether it supports all type of browses
3. i need to display my screen faster on client side, whether it is possible in Telerik.
4. whether page fluctuation can be controlled.
and more and more doubts.
can anyone give me some points of advantages and disadvantages of the Telerik Tool.
thanks in advances
Rajkumar.A.S

General Discussions

answered on 25 Sep 2014

1 answer

42 views

Tab key and enter key Issue with RadButton in Telerik Version "UI for ASP.NET AJAX Q1 2014"

Hello Telerik Team,

we have used the UI for ASP.NET AJAX Telerik toolkit in our application. Recently we have upgraded the Telerik version from older version “2012.2.724.35” to the new version “2014.1.403.45”. After upgrading the Telerik version we are facing some functionality issues. We need your help on identifying the fix for following mentioned issue.

Following is the issue which we are facing after upgrading Telerik Version to“2014.1.403.45” i.e UI for ASP.NET AJAX Q1 2014

Issue: Basically the issue is, after filling textbox field when we use tab key to set the focus on “Save” button and then Hit Enter key then the server side function of another button is getting called. Ideally when the focus is set on “Save” button and if we hit Enter button of Keyboard then the server side function of “Save” button should get called. This works perfectly with older Telerik Version “2012.2.724.35” but with the “2014.1.403.45” version the servre side function of wrong button is getting called even though the focus is set at "Save" button. In our application we are facing this issue in all of the pages.

FYI: All the form input controls and “Save” button are present inside ASP:Panel control and we haven’t set “DefaultButton” property of Panel control.

Please can anyone help us to identify the fix for this problem?

Thanks,
Riz

Button

answered on 25 Sep 2014

1 answer

149 views

How to use set_autoSizeBehaviors in client side?

Is there an example on how to use the set_autoSizeBehaviors method? The documentation in this page: http://www.telerik.com/help/aspnet-ajax/window-programming-radwindow-methods.html has this text "For example: (Telerik.Web.UI.WindowAutoSizeBehaviors.Width + Telerik.Web.UI.WindowAutoSizeBehaviors.Height)". It's not clear how to use it. Without quotes there's a Javascript. What is "Telerik.Web.UI.WindowAutoSizeBehaviors' in JS? If put inside quotes it doesn't seem to have any effect.

So what's the syntax exactly??

Window

answered on 25 Sep 2014

1 answer

141 views

Enter Key Issue With RadButton in Telerik Version "UI for ASP.NET AJAX Q1 2014"

Hello Telerik Team,

we have used the UI for ASP.NET AJAX Telerik toolkit in our application. Recently we have upgraded the Telerik version from older version “2012.2.724.35” to the new version “2014.1.403.45”. After upgrading the Telerik version we are facing some functionality issues. We need your help on identifying the fix for following mentioned issue.

Following is the issue which we are facing after upgrading Telerik Version to“2014.1.403.45” i.e UI for ASP.NET AJAX Q1 2014

Issue: This issue is related to RadButton. Generally, after filling all the textbox fields most of the users uses tab key to set focus on “Save” button and then they Hit Enter button to save Record. With Previous telerik version “2012.2.724.35”, when we use tab key to set focus on “Save” Button and then hit Enter Key then server side function of “Save” button was getting called properly but with the latest Telerik version “2014.1.403.45” i.e. 2014 Q1 for ASP.net Ajax, if we do same steps i.e. we use tab key to set focus on Save Button and then hit Enter Key then Server side function of “Save” button gets called Twice. Instead of tab if we use mouse to click “Save” button then everything works perfectly. May be with version “2014.1.403.45” i.e Q1 2014 there is an issue with tab and Enter key.

FYI: All the form input controls and “Save” button are present inside ASP:Panel control and we haven’t set “DefaultButton” property of Panel control.

Please can any one help us to identify the fix for this problem.

Thanks,
Riz

Button

answered on 25 Sep 2014

1 answer

338 views

NumericTextBox set Value to 0.00 if users enters null value, but do totals with value from other column.

Folks using VStudio 2010 with UI for ASP.NET AJAX Q2 2014 SP1.
I have 3 RadNumericText Boxes (txtRadOriginalPages, txtRadCopies and txtRadCopyQty1) in a Form.
Basically it does do Client Side Total based on txtRadOriginalPages & txtRadCopies and populate txtRadCopyQty1.
I would like to Populate txtRadCopies with 0.00 if it is null and populate the Total txtRadCopyQty1 from the Value of txtRadOriginalPages in Client Side.
Below is my complete Code Description and attached is my desired result.

Thanks for any help.

gc_0620

<%@ Page Language="C#" %>

<%@ Import Namespace="System.Data" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<script runat="server">

protected void RadGrid_NeedDataSource(object sender, GridNeedDataSourceEventArgs e)

{

DataTable dt = new DataTable();

DataRow dr;

int colsNum = 4;

int rowsNum = 5;

string colName = "Column";

for (int j = 1; j <= colsNum; j++)

{

dt.Columns.Add(String.Format("{0}{1}", colName, j));

}

for (int i = 1; i <= rowsNum; i++)

{

dr = dt.NewRow();

for (int k = 1; k <= colsNum; k++)

{

dr[String.Format("{0}{1}", colName, k)] = String.Format("{0}{1} Row{2}", colName, k, i);

}

dt.Rows.Add(dr);

}

(sender as RadGrid).DataSource = dt;

}

</script>

<!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 id="Head1" runat="server">

<meta http-equiv="content-type" content="text/html;charset=utf-8" />

<title>RadControls</title>

</head>

<body>

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

<asp:ScriptManager ID="ScriptManager1" runat="server" />

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Transparency="50"

BackColor="Yellow" />

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

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="RadGrid1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadGrid1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadGrid ID="RadGrid1" runat="server" AutoGenerateEditColumn="true" OnNeedDataSource="RadGrid_NeedDataSource">

<MasterTableView EditMode="EditForms">

<EditFormSettings EditFormType="Template" />

<EditFormSettings>

<FormTemplate>

<telerik:RadScriptBlock ID="RadScriptBlock1" runat="server">

<script type="text/javascript">

//Calculate the original pages * the copies and input the result to copy quantity

var ActualIndex;

var index;

var txtRadOriginalPages = null;

var txtRadCopies = null;

var txtRadCopyQty1 = null;

function updateTotals(sender, args) {

var v1 = txtOriginalPages.get_value();

var v2 = txtCopies.get_value();

var finalValue = parseFloat(v1) + parseFloat(v2);

txtRadCopyQty1.set_value(parseFloat(finalValue));

}

function setIndex(sender, args) {

index = args.get_itemIndexHierarchical();

}

function setActualIndex() {

ActualIndex = index;

}

function Load1(sender, args) {

txtOriginalPages = sender;

}

function Load2(sender, args) {

txtCopies = sender;

}

function Load3(sender, args) {

txtRadCopyQty1 = sender;

}

</script>

</telerik:RadScriptBlock>

<table>

<tr>

<td align="left">

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

</td>

<td align="left">

<telerik:RadNumericTextBox ID="txtRadOriginalPages" runat="server" NumberFormat-DecimalDigits="2"

NumberFormat-DecimalSeparator="." NumberFormat-GroupSeparator="," NumberFormat-GroupSizes="3"

NumberFormat-AllowRounding="true" Type="Number">

<ClientEvents OnValueChanged="updateTotals" OnFocus="setActualIndex" OnLoad="Load1" />

</telerik:RadNumericTextBox>

</td>

<td align="left">

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

</td>

<td align="left">

<telerik:RadNumericTextBox ID="txtRadCopies" runat="server" NumberFormat-DecimalDigits="2"

NumberFormat-DecimalSeparator="." NumberFormat-GroupSeparator="," NumberFormat-GroupSizes="3"

NumberFormat-AllowRounding="true" Type="Number">

<ClientEvents OnValueChanged="updateTotals" OnFocus="setActualIndex" OnLoad="Load2" />

</telerik:RadNumericTextBox>

</td>

</tr>

<tr>

<td align="left">

<asp:Label ID="lblCopyQty1" runat="server" Text="Original Pages + Copy:"></asp:Label>

</td>

<td align="left">

<telerik:RadNumericTextBox ID="txtRadCopyQty1" runat="server" NumberFormat-DecimalDigits="2"

NumberFormat-DecimalSeparator="." NumberFormat-GroupSeparator="," NumberFormat-GroupSizes="3"

NumberFormat-AllowRounding="true" Type="Number">

<ClientEvents OnLoad="Load3" />

</telerik:RadNumericTextBox>

</td>

<td align="left">

<asp:Label ID="lblInkType1" runat="server" Text="Ink Type 1:"></asp:Label>

</td>

</tr>

<tr>

<td align="right" colspan="6">

<asp:ImageButton ID="ImageButtonDemoMainUpdateInsert" ToolTip='<%# (Container is GridEditFormInsertItem) ? "Insert" : "Update" %>'

CommandName='<%# (Container is GridEditFormInsertItem) ? "PerformInsert" : "Update" %>'

runat="server" ImageUrl="~/Images/GridUpdateEditInsert.gif" />

<asp:ImageButton ID="ImageButtonDemoMainCancelUpdateInsert" ToolTip="Cancel" CommandName="Cancel"

CausesValidation="false" runat="server" ImageUrl="~/Images/GridCancelEditInsert.gif" />

</td>

</tr>

</table>

</FormTemplate>

</EditFormSettings>

</MasterTableView>

</telerik:RadGrid>

</form>

</body>

</html>

Input

answered on 25 Sep 2014

1 answer

147 views

Errors when Paging selected Grid

I have a pretty straight-forward RadGrid, which is bound to a LinqDataSource.
Paging works perfectly, until i select a row in the grid.

<ClientSettings AllowKeyboardNavigation="true" EnablePostBackOnRowClick="true">

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

</ClientSettings>

EnableViewState is on, AllowCustomPaging is set to off.

I am getting this error:
Unhandled exception at line 1, column 123054 in http://localhost:56409/bundles/MsAjaxJs?v=D6VN0fHlwFSIWjbVzi6mZyE9Ls-4LNrSSYVGRU46XF81

0x800a139e - Laufzeitfehler in JavaScript: Sys.WebForms.PageRequestManagerServerErrorException: Der Index lag außerhalb des Bereichs. Er muss nicht negativ und kleiner als die Auflistung sein.

Parametername: index

(Translation: Index was out of range. Must be non-negative and less than the size of the collection. Parameter: Index)

Is there any solution to this?
Again - I am DataBinding via a LinqDataSource (in markup only). There are other DataSources on the Page, which use the first DataSource in their whereparameters. Is this the Problem?

DataSource Markup:

<asp:LinqDataSource ID="StellenLinqDS" runat="server" ContextTypeName="MySolution.DataObjects" EntityTypeName="" OrderBy="LetzteAktivitaet desc" Select="new (Name, Unternehmen, ID, Status, Anzahl, AnzahlPlaetze, LetzteAktivitaet)" TableName="StellenDaten" Where="Status != @Status">

<WhereParameters>

<asp:Parameter DefaultValue="Archiv" Name="Status" Type="String" />

</WhereParameters>

</asp:LinqDataSource>

Grid

answered on 25 Sep 2014

1 answer

73 views

Hierarchical grid update problem

I'm having a little difficulty with updating a hierarchical grid. My gird has 3 levels, orders,deliveries and schedules. On my top level, I want to be able to directly update the grid row on a few of the columns. I have a sample program where I do the same thing on a normal grid and it works. Identical code in my Hierarchical grid does not. The problem I'm having is when it come time for me to assign the grid item it's new value. For some reason, my grid item is being determined as read-only upon assignment and is failing. I've confirmed that the item is not read-only, but when I try to update it, it's being rendered as read-only and I don't know why. My update routine is as follows. Any help with this would be appreciated. Thanks.

protected void RadGrid1_UpdateCommand(object source, Telerik.Web.UI.GridCommandEventArgs e)
    {

        foreach (GridColumn column in e.Item.OwnerTableView.RenderColumns)
        {
            if (column is IGridEditableColumn)
            {
                IGridEditableColumn editableCol = (column as IGridEditableColumn);
                if (editableCol.IsEditable)
                {
                    GridEditableItem editedItem = e.Item as GridEditableItem;
                    object oldval = editedItem.SavedOldValues[column.UniqueName];
                    GridEditManager editMan = editedItem.EditManager;
                    IGridColumnEditor editor = editMan.GetColumnEditor(editableCol);
                    object editorValue = null;
                    editorValue = (editor as GridTextColumnEditor).Text;
                    try
                    {

                       DataRow[] changedRows = this.ItemSource.Select("ORDER = '" + editedItem.OwnerTableView.DataKeyValues[editedItem.ItemIndex]        ["ORDER"].ToString() + "'");
                       changedRows[0][column.UniqueName] = editorValue;           // This is the line where the error is occurring !!!
                       ItemSource.AcceptChanges();

                    }
                    catch (Exception ex)
                    {
                        Label1.Text = "<strong>Unable to set value of column '" + column.UniqueName + "'</strong> - " + ex.Message;
                        e.Canceled = true;
                        break;
                    }
                }
            }
        }

}

Grid

answered on 25 Sep 2014

3 answers

255 views

Multi-column Combobox Problem (can't selected item)

Hello Telerik Team.

I faced with a problem about Multi-column Combobox selection.
I tried combobox binding like below. It doesn't work fine.

Selected combobox item is not shown on the box.
I want to select located 2nd item. but still shown "System.Data.DataRowView" text

please let me know how can i solve this problem

thanks you.

<%@ Page Language="VB" AutoEventWireup="false" CodeBehind="Default.aspx.vb" Inherits="RadControlsWebApp1._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>

<telerik:RadComboBox runat="server" ID="RadComboBoxProduct" TabIndex="13" Width="100%"

HighlightTemplatedItems="true" EnableEmbeddedSkins="true" >

<headertemplate>

<ul>

<li class="col1">Product </li>

<li class="col2">Product Status </li>

</ul>

</headertemplate>

<itemtemplate>

<ul>

<li class="col1">

<asp:Label runat="server" ID="RadComboBoxItemProduct"></asp:Label>

</li>

<li class="col2">

<asp:Label runat="server" ID="RadComboBoxItemProductStatus"></asp:Label>

</li>

</ul>

</itemtemplate>

</telerik:RadComboBox>

</form>

</body>

</html>

Private Sub Page_Load(sender As Object, e As System.EventArgs) Handles Me.Load

Dim datatable As New DataTable()

datatable.Columns.Add("ProductName")

datatable.Columns.Add("CodeName")

datatable.Columns.Add("FirmProductNo")

datatable.Rows.Add("11396", "ddddd", "Inhouse")

datatable.Rows.Add("23742", "ereeee", "Died")

datatable.Rows.Add("2302", "oewjhf", "Dead")

datatable.Rows.Add("0928", "ddddd", "Cutted")

RadComboBoxProduct.DataSource = datatable

RadComboBoxProduct.DataBind()

End Sub

Protected Sub RadComboBoxProduct_ItemDataBound(sender As Object, e As Telerik.Web.UI.RadComboBoxItemEventArgs) Handles RadComboBoxProduct.ItemDataBound

Dim labelProduct = DirectCast(RadComboBoxProduct.Items(e.Item.Index).FindControl("RadComboBoxItemProduct"), Label)

Dim labelProductStatus = DirectCast(RadComboBoxProduct.Items(e.Item.Index).FindControl("RadComboBoxItemProductStatus"), Label)

labelProduct.Text = e.Item.DataItem("ProductName")

labelProductStatus.Text = e.Item.DataItem("CodeName")

e.Item.Value = e.Item.DataItem("FirmProductNo")

End Sub

ComboBox

answered on 25 Sep 2014

7 answers

215 views

How to access multiple objects in a GridTemplateColumn

hello,

I have this column in a RadGrid :

<Telerik:GridTemplateColumn DataType="System.Int32" HeaderText="Impression Papier" UniqueName="NbPapier">

<ItemTemplate>

<asp:CheckBox ID="ChkBoxNb" runat="server" AutoPostBack="false" OnCheckedChanged="ToggleRadNumericState"/>

<Telerik:RadNumericTextBox ID="RadNumericTextBoxNb" runat="server" AllowOutOfRangeAutoCorrect="true"

AutoPostBack="false" DataType="System.Int32" Enabled="true" MinValue="0" NumberFormat-AllowRounding="false"

NumberFormat-DecimalDigits="0" ShowSpinButtons="true" Type="Number" ValidationGroup="MyValidationGroup"

MaxLength="3" Value="0" />

</ItemTemplate>

</Telerik:GridTemplateColumn>

I need to access a CheckBox and a RadNumericTextBox that are in the same GridTemplateColumn to affect the enabled property of the RadNumericTextBox as CheckBox.checked and take into account the change is immediate without the need of a PostBack like this code but as javascript :

protected void ToggleRadNumericState(object sender, EventArgs e)

{

(((sender as CheckBox).NamingContainer as GridItem).FindControl("RadNumericTextBoxNb") as RadNumericTextBox).Enabled = (sender as CheckBox).Checked;

}

Why can I do it?

Thanks for your help.

Ajax

answered on 25 Sep 2014

7 answers

354 views

prevent-losing-batch-editing-changes-on-paging-or-any-other-postback

http://www.telerik.com/support/code-library/prevent-losing-batch-editing-changes-on-paging-or-any-other-postback

Where do I set to ignore the [Save changes] button that will be doing the update? I get the same prompt that changes will be lost.

Grid

answered on 25 Sep 2014