Questions on UI for ASP.NET AJAX Forum

110,717 questions

2 answers

143 views

Radwindow Disappears and Reappears when updating ajaxified control

Hi there!

We have a Radwindow with a couple of server-controls in its ContentTemplate (i.e. a ComboBox, a TextBox...). The entire Content is ajaxified using an asp:panel directly within the ContentTemplate.

The RadWindow is opened from a RadButton via a client-side script. However, the button needs to perform a partial postback, because the controls within the RadWindiw need to be updated conditionally (server-side). Because of this, we set the RadWindow's VisibleOnPageLoad property to "true" in the button's server Click event (in order to prevent the RadWindow from closing after the partial postback).

The expected (and wanted) behavior would be:

Button Click
RadWindow opens directly (javascript)
Ajax-Loader shows, the RadWindow's content is updated and the RadWindow stays visible

What happens is:

Button Click
RadWindow opens directly (javascript)
Ajax-Loader shows and the RadWindow's content is updated
Radwindow disappears and directly reappears (blinks) <-- This is unwanted and quite annoying to the user

What is causing the fourth step (why the annoying blinking-effect)? Any help or suggestion would be very much appreciated!!

Hans

Window

answered on 10 Aug 2012

3 answers

131 views

RadEditor Losing Viewstate Dynamically Created

I am presently upgraing our Telerik controls and am having a problem with the RadEditor (ASP.NET AJAX) not retaining the viewstate on postback.

We add the editor dynamically, so that we have an editor for each language that is enabled in our application. We add the editors in the Page_Init event. We only show on at a time. For example if we English and French enabled then there will be 2 editors on the page, but only one will show to the user. The user can change the language by choosing a value from a dropdown which then postsback to then show the other editor. This has worked fine in the past.

Now though, if the user does not change the language and just enters text into the editor, then the content of the editor showing is blank when the page is submitted. If the user changes the language (and thus does a postback) and then clicks save, the viewstate is retatined.

Any ideas for a workaround, or better yet, an actual fix?

Editor

answered on 10 Aug 2012

3 answers

840 views

How to add a div elemental dynamically when you add a control.

I have a MultiPage, and what I do is add a couple RadChart dynamically.

What I want to be able to do is surround each of these charts with a div. Below is the code i'm using, if anybody has an example that would be fantastic!

<div class ="ChartClass"></div>
MultiPage.FindPageViewByID(MultiTabTarget).Controls.Add(RChart);

so i'd want
<div class="ChartClass">
RChart
</div>

General Discussions

answered on 10 Aug 2012

4 answers

95 views

how do i retrieve a value from client side ?

HI,

We are using TagCloud in our project and we have a requirement where it has to display the "Value" field rather than text field. We have tried following method and it is throwing an error saying that "get_value()" method is not exist. Please help us to solve this.

function OnClientItemClicked(sender, eventArgs) {

alert("You clicked an item " + eventArgs.get_item().get_value());

}

Thanks
Venkat

TagCloud

answered on 10 Aug 2012

1 answer

68 views

calling Js function from XmlHttpPanel_ServiceRequest

hello all,

how can i call a JS function through XmlHttpPanel_ServiceRequest when using RadXmlHttpPanel control for callback ???

thanks in advance

XmlHttpPanel

answered on 10 Aug 2012

1 answer

185 views

OnClick Event Not Firing When Expand/Collapse Arrow Is Clicked

I have a hierarchical PanelBar that uses the OnClick event handler to post back to the server. The server uses this information as parameters for a SQL query whose results will be shown on the next page. When the user clicks the actual panel bar itself (in the text area), this works fine. However, if the user clicks the Expand/Collapse arrow, the event is not triggered and no postback occurs. I noticed this same behavior in the PanelBar Server-Side Demo here: http://demos.telerik.com/aspnet-ajax/panelbar/examples/serverside/serversideevents/defaultcs.aspx

I've looked around the forums and have seen solutions that completely remove the Expand/Collapse image using CSS, but I still want the image there so the user knows if there are child items that can be viewed.

Is there a way to either catch this click on the client-side and force the event to trigger, or is there a setting that I'm missing? Or, how can I have that arrow appear while using the <ItemTemplate>?

I'm using Telerik Version: "Telerik.Web.UI, v.2011.3.1305.40"

Here's the markup (note that the items are created programatically on the server-side in Page_Load):

<telerik:RadAjaxPanel ID="accountAjaxPanel" runat="server" LoadingPanelID="accountLoadingPanel">

<telerik:RadPanelBar ID="accountPanelBar" runat="server" Width="200px"

onitemclick="accountPanelBar_ItemClick" PersistStateInCookie="true"

ExpandMode="SingleExpandedItem" AllowCollapseAllItems="true"

ExpandAnimation-Duration="1000">

</telerik:RadPanelBar>

</telerik:RadAjaxPanel>

</div>

PanelBar

answered on 10 Aug 2012

7 answers

95 views

Problems while using Input Manager on a RadPageviewControl under RadTabStrip

I have an aspx page in which I am loading 2 Radpageviews in form of tabs using RadTabstrip and RadMultiPageView. I want to add Input validation on a control present on one of the pageviews. When I do so using traditional methods, My tabstrip stops working and it does not switch on clicking on different tabs. It works fine if I don't add the inputmanager. Please Help me out to identify where I am going wrong.

<telerik:RadTabStrip ID="RadTabEntity" runat="server" MultiPageID="RadMultiPageEntity"

SelectedIndex="0">

<Tabs>

<telerik:RadTab Text="Name & Address">

</telerik:RadTab>

<telerik:RadTab Text="Profile">

</telerik:RadTab>

</Tabs>

</telerik:RadTabStrip>

<telerik:RadMultiPage ID="RadMultiPageEntity" runat="server" SelectedIndex="0">

<telerik:RadPageView ID="RadNameAddressPageView" runat="server">

<table width="100%" style="border: Solid 3px #4b6c9e; width: 100%; height: 100%"

cellpadding="0" cellspacing="0">

<tr>

<td>

<div>

<asp:Literal runat="server" EnableViewState="true" ID="ltrMessagePopup"></asp:Literal>

<table>

<tr>

<td align="right">

<asp:Literal ID="ltrIndividual" runat="server" Text="Type : "></asp:Literal>

<asp:HiddenField ID="hdnfldEntityId" runat="server" Value="0" />

<asp:HiddenField ID="hdnfldCompanyId" runat="server" Value="0" />

<asp:HiddenField ID="hdnfldParentId" runat="server" Value="0" />

</td>

<td>

<telerik:RadComboBox ID="ddlIndvComp" runat="server" OnSelectedIndexChanged="ddlIndvComp_SelectedIndexChanged"

AutoPostBack="true">

<Items>

<telerik:RadComboBoxItem Value="False" Text="Company" Selected="true" />

</Items>

<Items>

<telerik:RadComboBoxItem Value="True" Text="Individual" />

</Items>

</telerik:RadComboBox>

</td>

</tr>

<tr>

<td align="right">

<asp:Literal ID="ltrTitle" runat="server" Text="Title :" Visible="false"></asp:Literal>

</td>

<td>

<telerik:RadComboBox ID="ddlTitle" runat="server" Visible="false">

<Items>

<telerik:RadComboBoxItem Text="Select Title" Selected="true" />

</Items>

<Items>

<telerik:RadComboBoxItem Value="Mr." Text="Mr." />

</Items>

<Items>

<telerik:RadComboBoxItem Value="Ms." Text="Ms." />

</Items>

<Items>

<telerik:RadComboBoxItem Value="Mrs." Text="Mrs." />

</Items>

</telerik:RadComboBox>

</td>

</tr>

<tr>

<td align="right">

<asp:Literal ID="ltrFName" runat="server" Text="Name :"></asp:Literal>

</td>

<td>

<asp:TextBox ID="txtFName" runat="server" MaxLength="200" Width="250px"></asp:TextBox>

<asp:CustomValidator runat="server" ID="cvFName" Display="None" ValidationGroup="popup"></asp:CustomValidator>

<%--<asp:RequiredFieldValidator runat="server" ID="cvFName" Display="None" ControlToValidate="txtFName" ValidationGroup="popup"></asp:RequiredFieldValidator>--%>

<ajaxToolkit:ValidatorCalloutExtender runat="Server" ID="vceFName" TargetControlID="cvFName"

HighlightCssClass="validatorCalloutHighlight" />

</td>

</tr>

<tr>

<td align="right">

<asp:Literal ID="ltrMName" runat="server" Text="Middle Name :" Visible="false"></asp:Literal>

</td>

<td>

<asp:TextBox ID="txtMName" runat="server" MaxLength="50" Width="250px" Visible="false"></asp:TextBox>

</td>

</tr>

<tr>

<td align="right">

<asp:Literal ID="ltrLName" runat="server" Text="Last Name :" Visible="false"></asp:Literal>

</td>

<td>

<asp:TextBox ID="txtLName" runat="server" MaxLength="50" Width="250px" Visible="false"></asp:TextBox>

</td>

</tr>

</table>

</div>

</td>

</tr>

<tr>

<td>

<div>

Address Details

<asp:HiddenField runat="server" ID="hdnfldAddressId" Value="0" />

<table>

<tr>

<td align="right">

Active From :

</td>

<%--<td><asp:TextBox runat="server" ID="txtFromDate"></asp:TextBox></td>--%>

<td>

<telerik:RadDatePicker ID="txtFromDate" runat="server" AllowEmpty="true">

</telerik:RadDatePicker>

</td>

<td align="right">

Inactive :

</td>

<td>

<asp:CheckBox runat="server" ID="chkInactiveAddress" />

<telerik:RadDatePicker ID="txtToDate" runat="server" AllowEmpty="true" Visible="false">

</telerik:RadDatePicker>

<%-- <asp:TextBox runat="server" ID="txtToDate" Visible="false"></asp:TextBox>--%>

</td>

</tr>

<tr>

<td align="right">

<asp:Literal runat="server" ID="ltrAddressType" Text="Address Type :"></asp:Literal>

</td>

<td>

<telerik:RadComboBox ID="ddlAddressType" runat="server">

<Items>

<telerik:RadComboBoxItem Text="Office" Value="OFFICE" Selected="true" />

</Items>

<Items>

<telerik:RadComboBoxItem Text="Current Residence" Value="CUR_RES" />

</Items>

<Items>

<telerik:RadComboBoxItem Text="Permanent Residence" Value="PER_RES" />

</Items>

</telerik:RadComboBox>

</td>

</tr>

<tr>

<td align="right">

Address1 :

</td>

<td>

<asp:TextBox runat="server" ID="txtAddress1" MaxLength="100" Width="250px"></asp:TextBox>

</td>

</tr>

<tr>

<td align="right">

Address2 :

</td>

<td>

<asp:TextBox runat="server" ID="txtAddress2" MaxLength="100" Width="250px"></asp:TextBox>

</td>

</tr>

<tr>

<td align="right">

Address3 :

</td>

<td>

<asp:TextBox runat="server" ID="txtAddress3" MaxLength="100" Width="250px"></asp:TextBox>

</td>

</tr>

<tr>

<td align="right">

Country :

</td>

<td>

<telerik:RadComboBox ID="ddlCountry" DataTextField="CountryName" DataValueField="CountryId"

runat="server" OnSelectedIndexChanged="ddlCountry_SelectedIndexChanged" AutoPostBack="true">

</telerik:RadComboBox>

</td>

</tr>

<tr>

<td align="right">

<asp:Literal runat="server" ID="ltrState" Text="State :"></asp:Literal>

</td>

<td>

<telerik:RadComboBox ID="ddlState" DataTextField="StateName" DataValueField="StateId"

runat="server" OnSelectedIndexChanged="ddlState_SelectedIndexChanged" AutoPostBack="true"

OnLoad="ddlState_SelectedIndexChanged">

</telerik:RadComboBox>

</td>

</tr>

<tr>

<td align="right">

<asp:Literal runat="server" ID="ltrCity" Text="City :"></asp:Literal>

</td>

<td>

<telerik:RadComboBox ID="ddlCity" DataTextField="CityName" DataValueField="CityId"

runat="server" AutoPostBack="true">

</telerik:RadComboBox>

</td>

</tr>

<tr>

<td align="right">

Pincode :

</td>

<td>

<asp:TextBox runat="server" ID="txtPincode" MaxLength="15" Width="120px"></asp:TextBox>

</td>

</tr>

</table>

</div>

</td>

</tr>

</table>

</telerik:RadPageView>

<telerik:RadPageView ID="RadProfilePageView" runat="server">

<%--OnLoad="PageView_DataBind"--%>

<table width="100%" style="border: Solid 3px #4b6c9e; width: 100%; height: 100%"

cellpadding="0" cellspacing="0">

<tr>

<td>

<table>

<tr>

<td align="right">

<asp:Literal ID="ltrPAN" runat="server" Text="PAN No. :"></asp:Literal>

</td>

<td>

<asp:TextBox ID="txtPAN" runat="server" Width="200px"></asp:TextBox>

</td>

</tr>

<%--<asp:RegularExpressionValidator ID="regExTextBox1" runat="server" ControlToValidate="txtPAN" ErrorMessage="Should be 16 Characters" ToolTip="Should be 16 Characters" ValidationExpression=".{16}." />--%>

<tr>

<td align="right">

<asp:Literal ID="ltrPFNo" runat="server" Text="PF No. :"></asp:Literal>

</td>

<td>

<asp:TextBox ID="txtPFNo" runat="server" MaxLength="20" Width="200px"></asp:TextBox>

</td>

</tr>

<tr>

<td align="right">

<asp:Literal ID="ltrLST_TinNo" runat="server" Text="Local Tin No. :"></asp:Literal>

</td>

<td>

<asp:TextBox ID="txtLST_TinNo" runat="server" MaxLength="16" Width="200px"></asp:TextBox>

</td>

</tr>

<tr>

<td align="right">

<asp:Literal ID="ltrLST_Tin_Date" runat="server" Text="Local Tin No. Date :"></asp:Literal>

</td>

<td>

<telerik:RadDatePicker ID="txtLST_Tin_Date" runat="server" AllowEmpty="true">

</telerik:RadDatePicker>

</td>

</tr>

<%--<td align="right">Local Tin No. Date :</td>

<td><asp:TextBox ID="txtLST_Tin_Date" runat="server" MaxLength="11" Width="200px"></asp:TextBox></td></tr>--%>

<tr>

<td align="right">

<asp:Literal ID="ltrCST_TinNo" runat="server" Text="CST Tin No. :"></asp:Literal>

</td>

<td>

<asp:TextBox ID="txtCST_TinNo" runat="server" MaxLength="16" Width="200px"></asp:TextBox>

</td>

</tr>

<tr>

<td align="right">

<asp:Literal ID="ltrCST_Tin_Date" runat="server" Text="CST Tin No. Date : "></asp:Literal>

</td>

<td>

<telerik:RadDatePicker ID="txtCST_Tin_Date" runat="server" AllowEmpty="true">

</telerik:RadDatePicker>

</td>

</tr>

<%--<td align="right">CST Tin No. Date :</td>

<td><asp:TextBox ID="txtCST_Tin_Date" runat="server" MaxLength="11" Width="200px"></asp:TextBox></td></tr>--%>

<tr>

<td align="right">

<asp:Literal ID="ltrST_No" runat="server" Text="ST No. :"></asp:Literal>

</td>

<td>

<asp:TextBox ID="txtST_No" runat="server" MaxLength="16" Width="200px"></asp:TextBox>

</td>

</tr>

<tr>

<td align="right">

<asp:Literal ID="ltrST_Reg_Date" runat="server" Text="ST Reg. Date :"></asp:Literal>

</td>

<td>

<telerik:RadDatePicker ID="txtST_Reg_Date" runat="server" AllowEmpty="true">

</telerik:RadDatePicker>

</td>

</tr>

<%--<td align="right">ST Reg. Date :</td>

<td><asp:TextBox ID="txtST_Reg_Date" runat="server" MaxLength="11" Width="200px"></asp:TextBox></td></tr>--%>

<tr>

<td align="right">

<asp:Literal ID="ltrECC_No" runat="server" Text="ECC No. :"></asp:Literal>

</td>

<td>

<asp:TextBox ID="txtECC_No" runat="server" MaxLength="20" Width="200px"></asp:TextBox>

</td>

</tr>

<tr>

<td align="right">

<asp:Literal ID="ltrPLA_No" runat="server" Text="PLA No. :"></asp:Literal>

</td>

<td>

<asp:TextBox ID="txtPLA_No" runat="server" MaxLength="20" Width="200px"></asp:TextBox>

</td>

</tr>

<tr>

<td align="right">

<asp:Literal ID="ltrTan_No" runat="server" Text="TAN No. :"></asp:Literal>

</td>

<td>

<asp:TextBox ID="txtTan_No" runat="server" MaxLength="16" Width="200px"></asp:TextBox>

</td>

</tr>

<tr>

<td align="right">

<asp:Literal ID="ltrCIN_No" runat="server" Text="CIN No. :"></asp:Literal>

</td>

<td>

<asp:TextBox ID="txtCIN_No" runat="server" MaxLength="18" Width="200px"></asp:TextBox>

</td>

</tr>

<tr>

<td align="right">

<asp:Literal ID="ltrIEC_No" runat="server" Text="IEC No. :"></asp:Literal>

</td>

<td>

<asp:TextBox ID="txtIEC_No" runat="server" MaxLength="10" Width="200px"></asp:TextBox>

</td>

</tr>

</table>

</td>

<td>

<table>

<tr>

<td align="right">

<asp:Literal ID="ltrExc_No" runat="server" Text="Excise No. :"></asp:Literal>

</td>

<td>

<asp:TextBox ID="txtExc_No" runat="server" MaxLength="20" Width="200px"></asp:TextBox>

</td>

</tr>

<tr>

<td align="right">

<asp:Literal ID="ltrExc_Reg_Date" runat="server" Text="Excise Reg. Date :"></asp:Literal>

</td>

<td>

<telerik:RadDatePicker ID="txtExc_Reg_Date" runat="server" AllowEmpty="true">

</telerik:RadDatePicker>

</td>

</tr>

<%--<td><asp:TextBox ID="txtExc_Reg_Date" runat="server" MaxLength="11" Width="200px"></asp:TextBox></td></tr>--%>

<tr>

<td align="right">

<asp:Literal ID="ltrExc_Division" runat="server" Text="Excise Division :"></asp:Literal>

</td>

<td>

<asp:TextBox ID="txtExc_Division" runat="server" MaxLength="20" Width="200px"></asp:TextBox>

</td>

</tr>

<tr>

<td align="right">

<asp:Literal ID="ltrExc_Range" runat="server" Text="Excise Range :"></asp:Literal>

</td>

<td>

<asp:TextBox ID="txtExc_Range" runat="server" MaxLength="20" Width="200px"></asp:TextBox>

</td>

</tr>

<tr>

<td align="right">

<asp:Literal ID="ltrExcRange_Address" runat="server" Text="Excise Range Address :"></asp:Literal>

</td>

<td>

<asp:TextBox ID="txtExcRange_Address" runat="server" MaxLength="100" Width="200px"></asp:TextBox>

</td>

</tr>

<tr>

<td align="right">

<asp:Literal ID="ltrExc_Coll" runat="server" Text="Excise Collectorate :"></asp:Literal>

</td>

<td>

<asp:TextBox ID="txtExc_Coll" runat="server" MaxLength="20" Width="200px"></asp:TextBox>

</td>

</tr>

<tr>

<td align="right">

<asp:Literal ID="ltrTDS_No" runat="server" Text="TDS No. :"></asp:Literal>

</td>

<td>

<asp:TextBox ID="txtTDS_No" runat="server" MaxLength="10" Width="200px"></asp:TextBox>

</td>

</tr>

<tr>

<td align="right">

<asp:Literal ID="ltrTDS_Reg_Date" runat="server" Text="TDS Reg. Date :"></asp:Literal>

</td>

<td>

<telerik:RadDatePicker ID="txtTDS_Reg_Date" runat="server" AllowEmpty="true">

</telerik:RadDatePicker>

</td>

</tr>

<%--<td><asp:TextBox ID="txtTDS_Reg_Date" runat="server" MaxLength="11" Width="200px"></asp:TextBox></td></tr>--%>

<tr>

<td align="right">

<asp:Literal ID="ltrTDS_Circle" runat="server" Text="TDS Circle :"></asp:Literal>

</td>

<td>

<asp:TextBox ID="txtTDS_Circle" runat="server" MaxLength="20" Width="200px"></asp:TextBox>

</td>

</tr>

</table>

</td>

</tr>

</table>

</telerik:RadPageView>

</telerik:RadMultiPage>

<div style="text-align: center;">

<asp:Button ID="btnSave" runat="server" SkinID="Button" Text="Save" OnClick="btnSave_Click" />

<asp:Button ID="btnCancel" runat="server" SkinID="AltButton" Text="Cancel" OnClientClick="CloseAndRebind(); return false;" />

</div>

<div>

<telerik:RadInputManager ID="RadInputManager1" runat="server">

<telerik:RegExpTextBoxSetting BehaviorID="RegExpBehavior1" InitializeOnClient="false"

ErrorMessage="PAN number should be equal to 16 digits" InvalidCssClass="invalid" ValidationExpression=".{16}">

<Validation IsRequired="true" />

<TargetControls>

<telerik:TargetInput ControlID="txtPAN" />

</TargetControls>

</telerik:RegExpTextBoxSetting>

</telerik:RadInputManager>

Input

answered on 10 Aug 2012

2 answers

77 views

Telerik Grid Refresh Issue

Hi,
I am having grid refresh issue. I am using telerik grid and i use a timer to auto refresh it after 5 minutes but when a pop window is open and auto refresh start for grid it overlay on the pop window and mess the layout. Can somebody help me to do the auto refresh behind the popup window and not to overlay on it. I am also sending the screenshot of my screen that shows how the overlay occurs.
Thanks!
Saima

Grid

answered on 10 Aug 2012

1 answer

107 views

Implementing a RadContextMenu click event in javascript

I have a RadGrid that uses a RadContextMenu. What I need to do is open a different radwindow depending on which RadContextMenu item that is selected. The sample for the RadContextMenu has the OnItemClick calling a server side event to handle the selection of the user's menu choice. From the server side event the code can determine which command was selected by the e.Item.Text argument. Now, I have been opening my RadWindows in the javascript client side code. I could wire this event to a javascript event, I think, but even if this is possible how do I tell which menu item text was selected?

OK, after doing some more searching I found that the OnClientSideItemClick will call the javascript; however, args.get_item().get_value(); returns null?

Thanks,

Steve Holdorf

answered on 10 Aug 2012

4 answers

883 views

Invoke ItemCommand from code behind?

I have a Radgrid and a Radlistbox on my page. There is a GridButtonColumn in the grid which executes commandname "Show". This command requeries the database and rebinds the Radlistbox.
What I want to accomplish is this. When the page is rendered, if the Radgrid contains only a single record, then I want the Show command to be executed automatically without the user clicking the Show button.
Is there a way to do this? The fire command events documentation page (http://www.telerik.com/help/aspnet-ajax/grid-fire-command-event-from-code.html) does not appear to cover invoking the ItemCommand.
Thanks.

Grid

answered on 10 Aug 2012

Top users last month