Questions on UI for ASP.NET AJAX Forum

1 answer

49 views

Telerik AJAX ASP.NET UI Update to 2013 Q3 causing errors

Hi

We recently upgraded our telerik control to the version 2013 Q3 and from then our web pages are broken. We do get the error

Could not find UpdatePanel with ID "". If it is being updated dynamically then it must be inside another UpdatePanel.

There have been no changes made on our page and this error comes only after the upgrade. If i revert the telerik control dll version to the old one they start working fine.

Regards
Rajesh

Ajax

answered on 07 Mar 2014

2 answers

836 views

Set Checked Items On Client Side

Hi,

I use a combobox with checkboxes. I can get the checked values on the client side just I couldn't figure out how to set the checkboxes checked on client side. I know how to do it on serverside but we have a no-postback ajax enviroment and need to do this in client side.

ddNewLocation combobox is databinded on page_load on server_side like below.

ddNewLocation.DataSource = dr;
ddNewLocation.DataBind();

With the below code I could set the selectedindices but it doesn't check the checkboxes visually. How can I achieve this?

var location = $find("<%= ddNewLocation.ClientID %>");
var locations = JSON.parse(result.Message);
for (var i = 0; i < locations.length; i++)
{
location._checkedIndices.push(locations[i].row_number);
}

Thanks. My Company has a paid account but I didnt have time to find the username and password.

ComboBox

answered on 07 Mar 2014

2 answers

100 views

[Solved] Resize grid last column

I am not able to increase width of last column.

I have already check two possible workaround for this problem from below post.
http://www.telerik.com/forums/resizing-last-column

But adding padding to right of grid or adding extra dummy column to grid is not proper solution to my problem.

If there is any possible solution please suggest.

Thanks,
Padmasinh Babar

Ajax

answered on 07 Mar 2014

4 answers

701 views

How to findcontrol in EditCommand event.

Hello,

I have a requirement like this,

I have a radGrid with a 2 columns.

Column 1 is a template column with
ItemTemplate as asp:Linkbutton CommandName="Edit"and
EditItemTemplate as RadTextBox
<asp:ImageButton ID="btnQUpdate" CommandName="Update"
<asp:ImageButton ID="btnQCancel" CommandName="Cancel"

Column 2 is GridTemplateColumn with CommandName="Delete"

On click of the Linkbutton column row text, the grid row is setting in to edit mode and textbox is appearing with update and cancel buttons.
What I need here is,
1. I need to set the focus in that text box and select the current text in that box. so that user will be ready to update the text. ( so that setting focus and highlighting text events can be avoided)
2. On press Enter on that textbox the "Update" button click event should invoke.

I am really glad if some body help me to achieve this functionality

Thanks,
Durga

Grid

answered on 07 Mar 2014

1 answer

64 views

Filter disapare in release mode

I have a MVC 5. project installed kendo mvc (Telerik MVC). I installed the components by hand as your installer didn't work for 5.1. However this is not the issue for this post.
I installed the components in the Content and js scripts folder like this Content-kendo-2013.3.1414 folder.
Everything worked in debug mode. As soon I used release mode the application couldn't find the theme sprite image in the folder. It was referenced to the Content-kendo-theme folder instead. (Same result latest release 1503).
I moved all the files to be direct under kendo folder and all worked again in debug and release mode.

So my question: Is this a bug or have I done something terrible... :)

Grid

answered on 07 Mar 2014

5 answers

169 views

[Solved] Bind RadComboBox to RadGrid

I am following this example to apply the filtering capability in my RadGrid: http://www.telerik.com/forums/replacing-filtertemplate-on-autogenerated-column#epZqFpXIkk6TVsIFktTiug
Currently my combo.DataSource calls the stored procedure but this is very slow. Is there a way I can populate the RadComboBox from the RadGrid instead of calling the same stored proc again?
This is my RadComboBoxControl_DataBinding

public void RadComboBoxControl_DataBinding(object sender, EventArgs e)

{

RadComboBox combo = (RadComboBox)sender;

GridFilteringItem container = (GridFilteringItem)combo.NamingContainer;

combo.DataTextField = colname;

combo.DataValueField = colname;

combo.EnableAutomaticLoadOnDemand = true;

combo.AllowCustomText = true;

combo.AppendDataBoundItems = true;

combo.DataSource = new StoredProc().ExecuteTypedDataTable().SelectDistinct(colname);

combo.DataBind();

combo.Items.Insert(0, new Telerik.Web.UI.RadComboBoxItem { Text = "All", Value = "All" });

combo.SelectedValue = selectedValue;

}

Grid

answered on 07 Mar 2014

9 answers

170 views

Telerik TextBox and ComboBox, throwing error, when on same page intersoft webgrid

Hi,

there is and error in scriptresource.axd, at both controls.

Used WebGrid, was WebGrid 8 and latest of telerik controls.

Default.aspx

<%@ Page Language="VB" AutoEventWireup="true" CodeFile="Default.aspx.vb" Inherits="_Default" %>

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

<%@ Register Assembly="ISNet.WebUI.WebGrid" Namespace="ISNet.WebUI.WebGrid" TagPrefix="ISWebGrid" %>

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

</head>

<body>

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

<div>

<%--NE RADI PROBLEME--%>

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

<telerik:RadDropDownList ID="RadDropDownList1" runat="server">

<Items>

<telerik:DropDownListItem Value="0" Text="AAA" />

<telerik:DropDownListItem Value="1" Text="BBB" />

</Items>

</telerik:RadDropDownList>

<br />

<%--RADI PROBLEME--%>

<%--<telerik:RadComboBox ID="RadComboBox1" runat="server" >

<Items>

<telerik:RadComboBoxItem Text="AAA" Value="0" />

<telerik:RadComboBoxItem Text="BBB" Value="1" />

</Items>

</telerik:RadComboBox>--%>

<br />

<%--RADI PROBLEME--%>

<%--<telerik:RadDateInput ID="RadDateInput1" runat="server" ></telerik:RadDateInput>--%>

<br />

<telerik:RadTextBox ID="RadTextBox1" runat="server"></telerik:RadTextBox>

<br />

<telerik:RadMenu ID="RadMenu1" runat="server">

<Items>

<telerik:RadMenuItem Text="AAA" NavigateUrl="#">

</telerik:RadMenuItem>

<telerik:RadMenuItem Text="BBB" NavigateUrl="#">

</telerik:RadMenuItem>

</Items>

</telerik:RadMenu>

<br />

<ISWebGrid:WebGrid ID="WebGrid1" runat="server" Height="250px" UseDefaultStyle="true" Width="500px"></ISWebGrid:WebGrid>

</div>

</form>

</body>

</html>

Web.config

<?xml version="1.0"?>

<!--

For more information on how to configure your ASP.NET application, please visit

http://go.microsoft.com/fwlink/?LinkId=169433

-->

<configuration>

<connectionStrings>

<add name="WebSchedulerDataConnectionString" connectionString="Provider=Microsoft.Jet.OLEDB.4.0;Data Source=|DataDirectory|\WebSchedulerData.mdb;Persist Security Info=True" providerName="System.Data.OleDb"/>

</connectionStrings>

<appSettings>

<add key="ISNet.WebUI.ISRes_Registered" value="true"/>

<add key="ISNet.WebUI.WebCombo.v6_0_7200.RenderingMode" value="HTML5"/>

<add key="ISNet.WebUI.WebDesktop.V4_0_7200.RenderingMode" value="HTML5"/>

<add key="ISNet.WebUI.WebEssentials.v3_0_1000.RenderingMode" value="HTML5"/>

<add key="ISNet.WebUI.WebGrid.v8_0_7200.RenderingMode" value="HTML5"/>

<add key="ISNet.WebUI.WebInput.V4_0_7200.RenderingMode" value="HTML5"/>

<add key="ISNet.WebUI.WebTextEditor.v2_0_1500.RenderingMode" value="HTML5"/>

<add key="ISNet.WebUI.WebScheduler.v4_0_1000.RenderingMode" value="HTML5"/>

<add key="ISNet.WebUI.WebTreeView.v1_0_1500.RenderingMode" value="HTML5"/>

</appSettings>

<system.web>

<compilation debug="true" targetFramework="4.0">

<assemblies>

<add assembly="ISNet.ActiveReports.Exporting, Version=5.0.7200.1, Culture=neutral, PublicKeyToken=B1F2A8511635667A"/>

<add assembly="ISNet, Version=3.0.5000.1, Culture=neutral, PublicKeyToken=B1F2A8511635667A"/>

<add assembly="ISNet.WebUI, Version=3.0.5000.1, Culture=neutral, PublicKeyToken=B1F2A8511635667A"/>

<add assembly="ISNet.WebUI.ISDataSource, Version=1.0.1500.1, Culture=neutral, PublicKeyToken=C4184EF0D326354B"/>

<add assembly="ISNet.WebUI.Silverlight, Version=3.0.5000.1, Culture=neutral, PublicKeyToken=B1F2A8511635667A"/>

<add assembly="System.Design, Version=4.0.0.0, Culture=neutral, PublicKeyToken=B03F5F7F11D50A3A"/>

<add assembly="System.Windows.Forms, Version=4.0.0.0, Culture=neutral, PublicKeyToken=B77A5C561934E089"/>

<add assembly="System.Speech, Version=4.0.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"/>

</assemblies>

</compilation>

<httpHandlers>

<add path="ISRes.axd" verb="GET" type="ISNet.WebUI.WebResourceHandler, ISNet.WebUI, Version=3.0.5000.1, Culture=neutral, PublicKeyToken=b1f2a8511635667a" validate="true"/>

<add path="ISChart.axd" verb="GET" type="ISNet.WebUI.WebGrid.Chart.ChartRequestHandler, ISNet.WebUI.WebGrid" validate="true"/>

<add path="WebFileUploaderHttpHandler.axd" verb="GET" type="ISNet.WebUI.WebTextEditor.WebFileUploaderHttpHandler, ISNet.WebUI.WebTextEditor"/>

<add path="ISScheduler.axd" verb="GET" type="ISNet.WebUI.WebScheduler.WebSchedulerRequestHandler, ISNet.WebUI.WebScheduler" validate="true"/>

<add path="ISCoverFlow.axd" verb="GET" type="ISNet.WebUI.Silverlight.WebAqua.WebCoverFlowRequestHandler, ISNet.WebUI.Silverlight.WebAqua" validate="true"/>

</httpHandlers>

<httpModules>

<add name="WebFileUploaderHttpModule" type="ISNet.WebUI.WebTextEditor.WebFileUploaderHttpModule, ISNet.WebUI.WebTextEditor"/>

</httpModules>

<pages controlRenderingCompatibilityVersion="3.5" clientIDMode="AutoID"/>

</system.web>

<system.webServer>

<handlers>

<add name="ISCoverFlow.axd_GET" path="ISCoverFlow.axd" verb="GET" type="ISNet.WebUI.Silverlight.WebAqua.WebCoverFlowRequestHandler, ISNet.WebUI.Silverlight.WebAqua" preCondition="integratedMode"/>

<add name="ISChart.axd_GET, POST" path="ISChart.axd" verb="GET, POST" type="ISNet.WebUI.WebGrid.Chart.ChartRequestHandler, ISNet.WebUI.WebGrid" preCondition="integratedMode"/>

<add name="ISRes.axd_GET" path="ISRes.axd" verb="GET" type="ISNet.WebUI.WebResourceHandler, ISNet.WebUI, Version=3.0.5000.1, Culture=neutral, PublicKeyToken=b1f2a8511635667a" preCondition="integratedMode"/>

<add name="WebFileUploaderHttpHandler.axd_GET" path="WebFileUploaderHttpHandler.axd" verb="GET" type="ISNet.WebUI.WebTextEditor.WebFileUploaderHttpHandler, ISNet.WebUI.WebTextEditor" preCondition="integratedMode"/>

<add name="ISScheduler.axd_GET" path="ISScheduler.axd" verb="GET" type="ISNet.WebUI.WebScheduler.WebSchedulerRequestHandler, ISNet.WebUI.WebScheduler" preCondition="integratedMode"/>

</handlers>

<modules>

<add name="WebFileUploaderHttpModule_GET" preCondition="managedHandler" type="ISNet.WebUI.WebTextEditor.WebFileUploaderHttpModule, ISNet.WebUI.WebTextEditor"/>

</modules>

<validation validateIntegratedModeConfiguration="false"/>

</system.webServer>

</configuration>

ComboBox

answered on 07 Mar 2014

1 answer

253 views

Solution: Using Checkboxes with RadComboBox and LoadOnDemand

If like me you've been struggling with using both LoadOnDemand and Checkboxes at the same time, here is my solution.

1.How do you remember what's been ticked as there is no viewstate recorded?

I used a hidden field in my page:

<div style="display:none">

<input type="text" id="ComboCheck_HiddenField" name="ComboCheck_HiddenField"/>

</div>

Then called a function ComboCheck whenever fields were checked:

<telerik:RadComboBox ID="cbChooseFunds" runat="server" AllowCustomText="true" Width="400px"

Height="200px" Filter="Contains" EnableLoadOnDemand="true" ShowMoreResultsBox="true"

HighlightTemplatedItems="true" CheckBoxes="true" ItemRequestTimeout="1000" MinFilterLength="0"

EnableVirtualScrolling="true"

EnableEmbeddedSkins="false" Skin="AppSkin" EmptyMessage="Start typing to search for a fund" ZIndex="10000000" OnClientItemChecked="ComboCheck" OnClientItemsRequesting="Combo_OnClientItemsRequesting" >

</telerik:RadComboBox>

function ComboCheck(sender, eventArgs) {

var combo = eventArgs._item._parent;

var newValues = "";

var items = combo.get_items();

var hiddenValues = document.getElementById('ComboCheck_HiddenField');

for (var i = 0; i < items.get_count() ; i++) {

var item = items.getItem(i);

var checkbox = item.get_element().getElementsByTagName("input")[0];

if (checkbox.checked) {

newValues += item.get_value() + ",";

}

hiddenValues.value = newValues;

}

2. How do you stop losing the text when you type and the combo fetches more data?

<telerik:RadComboBox ID="cbChooseFunds" runat="server" AllowCustomText="true" Width="400px"

Height="200px" Filter="Contains" EnableLoadOnDemand="true" ShowMoreResultsBox="true"

HighlightTemplatedItems="true" CheckBoxes="true" ItemRequestTimeout="1000" MinFilterLength="0"

EnableVirtualScrolling="true"

EnableEmbeddedSkins="false" Skin="AppSkin" EmptyMessage="Start typing to search for a fund" ZIndex="10000000" OnClientItemChecked="ComboCheck" OnClientItemsRequesting="Combo_OnClientItemsRequesting" >

</telerik:RadComboBox>

The OnClientItemsRequesting event fires when the control needs more data. So we need to check the text at that point and then keep checking for a blank value and replace it when detected:

var ComboText = '';

var ComboInput;

function Combo_OnClientItemsRequesting(sender, eventArgs) {

var combo = sender;

ComboText = combo.get_text();

ComboInput = combo.get_element().getElementsByTagName('input')[0];

ComboInput.focus = function () { this.value = ComboText };

if (ComboText != '') {

window.setTimeout(TrapBlankCombo, 100);

};

}

function TrapBlankCombo() {

if (ComboInput) {

if (ComboInput.value == '') {

ComboInput.value = ComboText;

}

else {

window.setTimeout(TrapBlankCombo, 100);

};

ComboBox

answered on 07 Mar 2014

4 answers

383 views

Radconfirm causing postback before clicking on OK button

Hi,
I am using Radconfirm(Telerik Q3 2010) window.But when I am clicking on button and calling radconfirm thread is running as usual without clicking on OK button.
But what I want is thread should be blocked unless and untill I will not click ok button.
What I mean is server side event of that button should not fire unless and untill I will click on OK button.
But currently when I am clicking on button and calling RadConfirm from client side its firing server side event also before clicking on OK buttton.
Please help.
Thanks.

Window

answered on 07 Mar 2014

1 answer

115 views

Validation Not Firing after Window.AjaxRequest

hi,

asp validation controls not firing after ajaxrequest been called.

i'm calling a function with below code to refresh a grid.

window[<My Grid Client ID>].AjaxRequest(<My Grid Unique ID>, 'Rebind');

after grid refreshed, validation not firing on clicking of submit button for the first time. for the next click it is working fine.

Hope this is due to ajax problem.

does any one came across this scenario...?

Ajax

answered on 07 Mar 2014