Questions on UI for ASP.NET AJAX Forum

9 answers

286 views

Bug!! RadGrid BatchEdit : Unable to get property 'cell' of undefined or null reference

When Use two Grid in 1 Page There are GridTemplateColumn EditItemTemplate in both grid

EditMode="Batch" & save by function saveTableChanges

- TemplateColumn not work

- GridBoundColumn it Work
- ColumnEditor it Work
- 1 Grid on 1 Page GridBoundColumn it Work

<head>

<title>Test</title>

<script type="text/javascript">

function SaveAllChanges(sender, args) {

var b = $find('<%=RadGrid1.ClientID%>').get_batchEditingManager();

var tableViews = [];

tableViews.push($find('<%=RadGrid1.ClientID%>').get_masterTableView());

tableViews.push($find('<%=RadGrid3.ClientID%>').get_masterTableView());

b.saveTableChanges(tableViews);

}

</script>

</head>

<body>

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

<telerik:RadScriptManager Runat="server"></telerik:RadScriptManager>

<telerik:RadButton runat="server" ID="RadButton1" Text="SaveAllChanges" AutoPostBack="false" OnClientClicked="SaveAllChanges"></telerik:RadButton>

<telerik:GridNumericColumnEditor ID="NumericEditor1" runat="server">

<NumericTextBox ID="NumericTextBox1" runat="server" Width="60px" />

</telerik:GridNumericColumnEditor>

<telerik:GridTextBoxColumnEditor runat="server" ID="TextEditor">

<TextBoxStyle Width="120px" />

</telerik:GridTextBoxColumnEditor>

<telerik:RadGrid ID="RadGrid1" runat="server" DataSourceID="SqlDataSource3"

AllowPaging="True" AllowAutomaticUpdates="True" AllowAutomaticInserts="True"

AllowAutomaticDeletes="true" AllowSorting="true" PageSize="3" OnBatchEditCommand="RadGrid1_BatchEditCommand">

<PagerStyle Mode="NextPrevAndNumeric" />

<MasterTableView DataSourceID="SqlDataSource3" AutoGenerateColumns="False"

DataKeyNames="CustomerID" EditMode="Batch" CommandItemDisplay="Top">

<Columns>

<telerik:GridBoundColumn DataField="CustomerID" HeaderText="CustomerID" SortExpression="CustomerID"

UniqueName="CustomerID">

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn HeaderText="ContactName" HeaderStyle-Width="180px" UniqueName="ContactName" >

<ItemTemplate>

<%# Eval("ContactName") %>

</ItemTemplate>

<EditItemTemplate>

<asp:TextBox ID="TextBox1" Text='<%# Bind("ContactName") %>' runat="server"></asp:TextBox>

</EditItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn DataField="CompanyName" HeaderText="CompanyName" SortExpression="CompanyName"

UniqueName="CompanyName">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="ContactTitle" HeaderText="ContactTitle" SortExpression="ContactTitle"

UniqueName="ContactTitle">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Phone" HeaderStyle-Width="135px" HeaderText="Quantity Per Unit"

SortExpression="" ColumnEditorID="TextEditor" UniqueName="QuantityPerUnit">

</telerik:GridBoundColumn>

<telerik:GridButtonColumn Text="Delete" CommandName="Delete" ButtonType="ImageButton" />

</Columns>

</MasterTableView>

</telerik:RadGrid>

<telerik:RadGrid ID="RadGrid3" GridLines="None" runat="server" AllowAutomaticDeletes="True"

AllowAutomaticInserts="True" PageSize="3" Skin="Default" AllowAutomaticUpdates="True" AllowPaging="True"

AutoGenerateColumns="False" Width="750px" OnBatchEditCommand="RadGrid3_BatchEditCommand" DataSourceID="SqlDataSource1">

<MasterTableView CommandItemDisplay="TopAndBottom" DataKeyNames="ProductID"

DataSourceID="SqlDataSource1" HorizontalAlign="NotSet" EditMode="Batch" AutoGenerateColumns="False">

<BatchEditingSettings EditType="Cell" />

<SortExpressions>

<telerik:GridSortExpression FieldName="ProductID" SortOrder="Descending" />

</SortExpressions>

<Columns>

<telerik:GridBoundColumn DataField="ProductName" HeaderStyle-Width="210px" HeaderText="ProductName" SortExpression="ProductName"

UniqueName="ProductName">

<ColumnValidationSettings EnableRequiredFieldValidation="true">

<RequiredFieldValidator ForeColor="Red" Text="*This field is required">

</RequiredFieldValidator>

</ColumnValidationSettings>

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn HeaderText="Category" HeaderStyle-Width="180px" UniqueName="CategoryID" DataField="CategoryID">

<ItemTemplate>

<%# Eval("CategoryName") %>

</ItemTemplate>

<EditItemTemplate>

<telerik:RadDropDownList runat="server" ID="CategoryIDDropDown" DataValueField="CategoryID"

DataTextField="CategoryName" DataSourceID="SqlDataSource2">

</telerik:RadDropDownList>

</EditItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridNumericColumn DataField="UnitsInStock" HeaderStyle-Width="80px"

ColumnEditorID="NumericEditor1" HeaderText="Units In Stock" SortExpression="UnitsInStock"

UniqueName="UnitsInStock">

</telerik:GridNumericColumn>

<telerik:GridBoundColumn DataField="QuantityPerUnit" HeaderStyle-Width="135px" HeaderText="Quantity Per Unit"

SortExpression="QuantityPerUnit" ColumnEditorID="TextEditor" UniqueName="QuantityPerUnit">

</telerik:GridBoundColumn>

<telerik:GridCheckBoxColumn DataField="Discontinued" HeaderStyle-Width="80px" HeaderText="Discontinued" SortExpression="Discontinued"

UniqueName="Discontinued">

</telerik:GridCheckBoxColumn>

<telerik:GridTemplateColumn HeaderText="UnitPrice" ColumnEditorID="NumericEditor1"

HeaderStyle-Width="80px" SortExpression="UnitPrice" UniqueName="TemplateColumn"

DataField="UnitPrice">

<ItemTemplate>

<asp:Label runat="server" ID="lblUnitPrice" Text='<%# Eval("UnitPrice", "{0:C}") %>'></asp:Label>

</ItemTemplate>

<EditItemTemplate>

<span>

<telerik:RadNumericTextBox Width="55px" runat="server" ID="tbUnitPrice">

</telerik:RadNumericTextBox>

<span style="color: Red">

<asp:RequiredFieldValidator ID="RequiredFieldValidator1"

ControlToValidate="tbUnitPrice" ErrorMessage="*Required" runat="server">

</asp:RequiredFieldValidator>

</span>

</EditItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridButtonColumn ConfirmText="Delete this product?" ConfirmDialogType="RadWindow"

ConfirmTitle="Delete" HeaderText="Delete" HeaderStyle-Width="50px" ButtonType="ImageButton"

CommandName="Delete" Text="Delete" UniqueName="DeleteColumn">

</telerik:GridButtonColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

Grid

answered on 20 Oct 2017

5 answers

670 views

Missing Telerik Menu from Visual Studio 2013

Hi all,

After downloading UI for ASP.Net Ajax R3 2016, Telerik Menu disappeared from VS 2013. Only JustCode is showing. Refer to attach.

However Telerik Controls are showing up under VS Tool Boxes.

I need the Telerik Upgrade wizard in VS Menu to upgrade my existing Projects/Reports with Latest Telerik Versions. I am stuck now.

Any Suggestions/Help will be appreciated.

Thanks

gc_0620

Installer and VS Extensions

answered on 20 Oct 2017

1 answer

222 views

RadAjaxLoadingPanel causes page to postback without ajax, Masterpage missing content.

I have an AjaxLoadingPanel on my page to prevent users from clicking the submit button more than once. The first submission/postback works perfectly. After the first postback, a second submission causes the page to flash blank like it's refreshing and postback seemingly without AJAX. The child page content is fine, but the masterpage's header and side panel both end up missing the list of tabs and links for navigating the site. Further postbacks exhibit the same behavior and the masterpage doesn't recover until a manual refresh. There are 2 buttons on the page for submission of the form and display of entries. Regardless of which button is pressed or in what order it always happens on the second postback. Hopefully I've just set something up wrong with the LoadingPanel but any insight would be appreciated.

HTML markup below:

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">

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

<script type="text/javascript">

function pageLoad() {

var grid = $find("<%= gridAgents.ClientID %>");

var columns = grid.get_masterTableView().get_columns();

for (var i = 0; i < columns.length; i++) {

columns[i].resizeToFit();

}

</script>

</telerik:RadCodeBlock>

</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="PageHeaderContentPlaceHolder" runat="Server">

</asp:Content>

<asp:Content ID="Content3" ContentPlaceHolderID="SideBarPlaceHolder" runat="Server">

</asp:Content>

<asp:Content ID="Content4" ContentPlaceHolderID="PageContentPlaceHolder" runat="Server">

<asp:UpdatePanel ID="UpdatePanel1" runat="server">

<ContentTemplate>

<div class="container">

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

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="UpdatePanel1">

<UpdatedControls>

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

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" IsSticky="false" BackgroundTransparency="70" Direction="LeftToRight" EnableSkinTransparency="true" Skin="Default" Style="position: center; width: 100%">

</telerik:RadAjaxLoadingPanel>

<br />

From: <telerik:RadNumericTextBox ID="txtFrom" runat="server" CssClass="form-control" NumberFormat-DecimalDigits="0" MinValue="0" Width="50px" NumberFormat-GroupSeparator=""></telerik:RadNumericTextBox>

To: <telerik:RadNumericTextBox ID="txtTo" runat="server" CssClass="form-control" NumberFormat-DecimalDigits="0" MinValue="0" Width="50px" NumberFormat-GroupSeparator=""></telerik:RadNumericTextBox>

<asp:Button ID="btnSet" runat="server" Text="Set" CssClass="btn btn-primary" OnClick="btnSet_Click" />

<div id="output" runat="server" style="height: 70px; width: 100%; overflow: auto">

<telerik:RadGrid ID="grid" runat="server" AutoGenerateColumns="true" DataSourceID="DataSource">

<ClientSettings>

<Resizing AllowColumnResize="true" ResizeGridOnColumnResize="true" AllowResizeToFit="true" EnableRealTimeResize="true" />

</ClientSettings>

</telerik:RadGrid>

</div>

<asp:SqlDataSource ID="DataSource" runat="server" ConnectionString="<%$ ConnectionStrings:ConnectionString %>" SelectCommand=""></asp:SqlDataSource>

</div>

</ContentTemplate>

</asp:UpdatePanel>

</asp:Content>

C# backend below:

protected void Page_Load(object sender, EventArgs e)

{

}

protected void btnInput_Click(object sender, EventArgs e)

{

//Object creation and SQL insert

if (err.Equals(String.Empty))

{

DataSource.SelectCommand = "SELECT * FROM [Table] WHERE [Col] = " + id.ToString();

output.Attributes.CssStyle.Add("height", "70px");

lblSuccess.Visible = true;

clearControls(); //sets control fields to empty

}

else

{

lblErr.Visible = true;

lblErr.Text = err;

}

protected void btnSet_Click(object sender, EventArgs e)

{

AgentDataSource.SelectCommand = "SELECT * FROM [Table] WHERE [Col] BETWEEN " + txtFrom.Text + " AND " + txtTo.Text;

output.Attributes.CssStyle.Add("height", "300px");

gridAgents.Rebind();

}

Masterpage markup below:

<body>

<table id="PageBody" cellpadding="0" cellspacing="0">

<tr>

<td id="PageHeaderSideBar">

<asp:Image ID="Image5" runat="server" SkinID="PageLogo" CssClass="PageLogo" />

</td>

<td id="PageHeaderLeftSide">

<asp:Image ID="Image1" runat="server" SkinID="Placeholder" />

</td>

<td id="PageHeaderContent">

<div class="Header">

<asp:SiteMapPath ID="SiteMapPath1" runat="server" SkinID="SiteMapPath" />

<div class="Title">

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

Page Title</asp:ContentPlaceHolder>

</div>

</td>

<td id="PageHeaderRightSide">

<asp:Image ID="Image2" runat="server" SkinID="Placeholder" />

</td>

</tr>

<tr>

<td id="PageContentSideBar" valign="top">

<div class="SideBarBody">

<asp:ContentPlaceHolder ID="SideBarPlaceHolder" runat="server" />

<asp:Image runat="server" SkinID="Placeholder" />

</div>

</td>

<td id="PageContentLeftSide">

<asp:Image ID="Image3" runat="server" SkinID="Placeholder" />

</td>

<td id="PageContent" valign="top">

<asp:ContentPlaceHolder ID="PageContentPlaceHolder" runat="server" />

</td>

<td id="PageContentRightSide">

<asp:Image ID="Image4" runat="server" SkinID="Placeholder" />

</td>

</tr>

<tr>

<td id="PageFooterSideBar" />

<td id="PageFooterLeftSide" />

<td id="PageFooterContent" />

<td id="PageFooterRightSide" />

</tr>

</table>

</body>

AjaxLoadingPanel

answered on 20 Oct 2017

1 answer

149 views

RadScheduler calendar Shrunk on adding Appointment

The calendar gets cut in half when adding an appointment. This issue is happening in all the browsers .

Telerik version:- 2016.1.113.45

Scheduler

answered on 20 Oct 2017

8 answers

705 views

How to find ComboBox using jQuery?

Hi,

I'm trying to use jQuery to set a selected item in a RadComboBox. This is my HTML:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Test.aspx.cs" Inherits="EBuild.PWMS.UI.Pages.TestPage" %>
<%@ Register tagprefix="telerik" namespace="Telerik.Web.UI" assembly="Telerik.Web.UI" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
</head>
<body>
    <form id="form1" runat="server">
        <telerik:RadScriptManager ID="RadScriptManager1" runat="server" />
        <table>
            <tr>
                <td>Buyer: </td>
                <td>
                    <telerik:RadComboBox ID="RadComboBoxBuyers"
                        DataValueField="Id" DataTextField="PickerName"
                        DataSourceID="SqlDataSource1"
                        EnableAutomaticLoadOnDemand="true" ShowMoreResultsBox="true"
                        EnableVirtualScrolling="true" ItemsPerRequest="10"
                        runat="server">
                    </telerik:RadComboBox>
                </td>
            </tr>
        </table>
        <asp:SqlDataSource ID="SqlDataSource1"
            ConnectionString="<%$ ConnectionStrings:APPDB %>"
            ProviderName="System.Data.SqlClient"
            SelectCommand="usp_GetUsersBuyers"
            SelectCommandType="StoredProcedure"
            runat="server">
            <SelectParameters>
                <asp:Parameter Name="IsSearch" Type="Boolean" DefaultValue="True" />
            </SelectParameters>
        </asp:SqlDataSource>
    </form>
</body>
</html>

The problem is I'm not able to get a reference to the ComboBox. I searched the forum and found a bunch of code snippets but none of them works. This is what I tried:

<telerik:RadScriptManager ID="RadScriptManager1" runat="server" />
<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
<script type="text/javascript">
    $(document).ready(function () {
        el = $find("RadComboBoxBuyers"); // returns null
el = $("form").find("[id='RadComboBoxBuyers']"); // el.findItemByValue is undefined
el = $telerik.$("#RadComboBoxBuyers"); // el.findItemByValue is undefined
    });
</script>
</telerik:RadCodeBlock>

I have hard-coded the name of the control to "RadComboBoxBuyers" in the above code because I know that it is the correct ClientID.

Any suggestions?

Thanks,

Leszek

ComboBox

answered on 20 Oct 2017

0 answers

198 views

AsyncUpload appends .tmp extension to files saved in the temporary folder

As of R2 2017 SP2 the temporary files saved to the disk or via InputStream have the .tmp extension, which could break your existing file save logic. This change is due to the security improvement explained in the Insecure Direct Object Reference article.

If the .tmp extension causes any trouble, you can strip it programmatically.

AsyncUpload

asked on 20 Oct 2017

5 answers

1.0K+ views

System.FormatException: Input string was not in a correct format error is thrown on Chrome when browser is zoomed in/out

When Chrome browser is zoomed in/out System.FormatException: Input string was not in a correct format error is thrown. This is an issue introduced with the latest version of Chrome browser (39.0.2171.71) which started setting the scroll position as a floating point number rather than an integer. The affected Telerik controls are: RadScheduler, RadListBox, RadTreeView. This problem has been addressed in the Q3 2014 SP1 release, but if you are currently unable to upgrade use the code snippet solutions below:

RadScheduler:

<script type="text/javascript">

Telerik.Web.UI.RadScheduler.prototype.saveClientState = function () {

return '{"scrollTop":' + Math.round(this._scrollTop) + ',"scrollLeft":' + Math.round(this._scrollLeft) + ',"isDirty":' + this._isDirty + '}';

}



</script>

RadListBox:

<script type="text/javascript">

Telerik.Web.UI.RadListBox.prototype.saveClientState = function () {

return "{" +

"\"isEnabled\":" + this._enabled +

",\"logEntries\":" + this._logEntriesJson +

",\"selectedIndices\":" + this._selectedIndicesJson +

",\"checkedIndices\":" + this._checkedIndicesJson +

",\"scrollPosition\":" + Math.round(this._scrollPosition) +

"}";

}

</script>

RadTreeView:

<script type="text/javascript">

Telerik.Web.UI.RadTreeView.prototype.saveClientState = function () {

return "{\"expandedNodes\":" + this._expandedNodesJson +

",\"collapsedNodes\":" + this._collapsedNodesJson +

",\"logEntries\":" + this._logEntriesJson +

",\"selectedNodes\":" + this._selectedNodesJson +

",\"checkedNodes\":" + this._checkedNodesJson +

",\"scrollPosition\":" + Math.round(this._scrollPosition) + "}";

}

</script>

General Discussions

answered on 20 Oct 2017

23 answers

2.3K+ views

System.FormatException:

We started getting this error message on all the pages that uses RadListBox. But only few clients are getting this issue. This is definitely not the data issue since all the users would be getting the error.

We are using version 2011.3.1305.35 Telerik Ajax Controls.

System.Exception: 337.7143 is not a valid value for
Int32. ---> System.FormatException: Input string was not in a correct
format.

   at
System.Number.StringToNumber(String str, NumberStyles options,
NumberBuffer& number, NumberFormatInfo info, Boolean parseDecimal)

   at
System.Number.ParseInt32(String s, NumberStyles style, NumberFormatInfo info)

   at
System.ComponentModel.Int32Converter.FromString(String value, NumberFormatInfo
formatInfo)

   at
System.ComponentModel.BaseNumberConverter.ConvertFrom(ITypeDescriptorContext
context, CultureInfo culture, Object value)

   --- End of inner
exception stack trace ---

   at
System.ComponentModel.BaseNumberConverter.ConvertFrom(ITypeDescriptorContext
context, CultureInfo culture, Object value)

   at
System.ComponentModel.TypeConverter.ConvertFromInvariantString(String text)

   at
System.Web.Script.Serialization.ObjectConverter.ConvertObjectToTypeInternal(Object
o, Type type, JavaScriptSerializer serializer, Boolean throwOnError,
Object& convertedObject)

   at
System.Web.Script.Serialization.ObjectConverter.ConvertObjectToTypeMain(Object
o, Type type, JavaScriptSerializer serializer, Boolean throwOnError,
Object& convertedObject)

   at
System.Web.Script.Serialization.ObjectConverter.AssignToPropertyOrField(Object
propertyValue, Object o, String memberName, JavaScriptSerializer serializer,
Boolean throwOnError)

   at
System.Web.Script.Serialization.ObjectConverter.ConvertDictionaryToObject(IDictionary`2
dictionary, Type type, JavaScriptSerializer serializer, Boolean throwOnError,
Object& convertedObject)

   at
System.Web.Script.Serialization.ObjectConverter.ConvertObjectToTypeInternal(Object
o, Type type, JavaScriptSerializer serializer, Boolean throwOnError,
Object& convertedObject)

   at
System.Web.Script.Serialization.ObjectConverter.ConvertObjectToTypeMain(Object
o, Type type, JavaScriptSerializer serializer, Boolean throwOnError,
Object& convertedObject)

   at
System.Web.Script.Serialization.JavaScriptSerializer.Deserialize(JavaScriptSerializer
serializer, String input, Type type, Int32 depthLimit)

   at
System.Web.Script.Serialization.JavaScriptSerializer.Deserialize[T](String
input)

   at
Telerik.Web.UI.RadListBox.LoadPostData(String postDataKey, NameValueCollection
postCollection)

   at
System.Web.UI.Page.ProcessPostData(NameValueCollection postData, Boolean
fBeforeLoad)

   at
System.Web.UI.Page.ProcessRequestMain(Boolean includeStagesBeforeAsyncPoint,
Boolean includeStagesAfterAsyncPoint)

   --- End of inner
exception stack trace ---

   at
System.Web.UI.Page.HandleError(Exception e)

   at
System.Web.UI.Page.ProcessRequestMain(Boolean includeStagesBeforeAsyncPoint,
Boolean includeStagesAfterAsyncPoint)

   at
System.Web.UI.Page.ProcessRequest(Boolean includeStagesBeforeAsyncPoint,
Boolean includeStagesAfterAsyncPoint)

   at System.Web.UI.Page.ProcessRequest()

   at
System.Web.UI.Page.ProcessRequest(HttpContext context)

   at
ASP.frm_clientservices_aspx.ProcessRequest(HttpContext context)

   at
System.Web.HttpApplication.CallHandlerExecutionStep.System.Web.HttpApplication.IExecutionStep.Execute()

   at
System.Web.HttpApplication.ExecuteStep(IExecutionStep step, Boolean&
completedSynchronously).

ListBox

answered on 20 Oct 2017

1 answer

506 views

.NET 4.7

We are looking at upgrading our .NET application from 3.5 to 4.7 and I am wondering what version of the Telerik Controls would be suitable for .NET 4.7

We are currently using 2014.1.403.35

I found that .NET 4.6 is supported from 2015.2.826, but could see no mention of .NET 4.7

General Discussions