Questions on UI for ASP.NET AJAX Forum

1 answer

300 views

Enable / Disable Save Changes Button in client side

Hi,
I would like to disable the save changes button in the client side and enable it only if some changes has been made in the Rad Grid. I am using the Rad Grid in batch edit mode. How can we do this?
Thanks
Sambath

Grid

answered on 07 Mar 2014

2 answers

184 views

Problem getting value with RadNumericTextBox with CompareValidator

Hi,

I would like to use a CompareValidator on a RadNumericTextbox control (2012.2.904.40).

Everything is setup fine.

But it doesn't works as excepted, while debugging I see that there is a problem in the telerik JS method : ValidatorGetValue(val.controltovalidate).

This method contains :
ValidatorGetValue=function(a){
      var b=document.getElementById(a);
      if(typeof(b.RadInputValidationValue)=="string"){
           return b.RadInputValidationValue;
      }
      else{
           return ValidatorGetValue_Original(a);
      }
}

In my case b.RadInputValidationValue is always an empty string even if there is some value inside, so typeof(b.RadInputValidationValue)=="string" is always true but always return and empty string, if I try in debugging ValidatorGetValue_Original(a) it returns me the right value !

Input

answered on 07 Mar 2014

1 answer

24 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

788 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

74 views

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

667 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

49 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

137 views

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

134 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

210 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() {