Questions on UI for ASP.NET AJAX Forum

2 answers

85 views

Dynamically populate editorDropDown in Javascript

Is there a way to get reference to the editorDropDown tool in Javascript.
1) Replace all the current editorDropDownItem
2) add new editordropdownitem through javascript

I searched for few hours but didn't find anything that can help.

Editor

answered on 12 Nov 2012

8 answers

574 views

Only allow one edit or insert in a RadGrid?

I'm using the Telerik rad grid and I'm allow the user to enter data directly to the grid.

I am using the "EditForms" edit mode and I also allow inserts using the same.

If the user edits a row, then I don't want to allow any other edits or inserts until the current one is complete or cancelled.

I'm totally new to Radgrids and I've recently been working in MVC... so any help would be great!

Grid

answered on 12 Nov 2012

5 answers

84 views

IE7 and Q3 2012

Hi,

since I updated to Q3 2013. Every form that have a RadFormDecorator on it is totally messed up! It does a lot off JavaScripts errors too.

Tommy

FormDecorator

answered on 12 Nov 2012

2 answers

79 views

Horizontal scroll in radgrid

I am trying to achieve horizontal scroll in radgrid which has many columns in it.As per the documentation in the demo in
http://http//demos.telerik.com/aspnet-ajax/grid/examples/client/scrolling/defaultcs.aspx which is as given below:

"In order to display horizontal scroll for navigation, you need to make sure that the total width of the columns (either auto-generated or declaratively set) exceeds the width of the grid".

For this I have set the width of radgrid in pixels which fits in the whole page,and is less than the width of total columns (in pixel).Hence horizontal scroll is working fine.
But the issue is that since I have set the width of radgrid in pixels,while changing the screen resolution,it doesn't fit in the whole page.

When I give width=100% for the grid,horizontal scroll is not working.

Please guide me on this so as to achieve above both scenarios.

Thanks in advance

Grid

answered on 12 Nov 2012

1 answer

63 views

Can I read ajaxRequest arguments in master page OnInit

Hello,

I am firing an ajaxRequest and need to capture the arguments from within the OnInit of my master page. This is because the page lifecycle fires the AjaxRequestHandler after the page has already loaded and I need to set global values prior to any page load. I'm trying to avoid having to reload the pages by invoking a delegate.

Is it possible to read the arguments in server code anywhere but in the event handler?

Request.Form["__EVENTTARGET"] is "ctl00_rsmMain" and I can't find the property in the ScriptManager object.

Thanks!!
Thad

Ajax

answered on 12 Nov 2012

3 answers

82 views

create a unique OnDateSelected client event for all instances

Hi!

I created an own DateCombo user control where I put a RadDatePicker control.
I want to use more instances of this own user control on one page and I want to handle unique OnDateSelected client event for all instances.
I tried to use inline expression in the front code but as I experienced it was not resolved at the telerik:RadDatePicker (but in the javascript block it was)

<script type="text/javascript">
        function OnDateSelected_<%= ClientID %>(sender, eventArgs)
        {
......
}

</script>

<telerik:RadDatePicker id="RadDatePicker1"
                          Runat="server"
                          SharedCalendarID="sharedCalendar"
                          AutoPostBack="false"
                          Width="100px" CssClass="" >
                  <ClientEvents OnDateSelected="OnDateSelected_<%= RadDatePicker1.ClientID %>" />

              <Calendar EnableEmbeddedSkins="false" Skin="MySkin" runat="server">
              </Calendar>
              <DateInput ID="radDateInput1" runat="server" EnableEmbeddedSkins="false" Skin="MySkin" DateFormat="d">
              </DateInput>
              <DatePopupButton ImageUrl= "../Styles/telerik/Skins/MySkin/Calendar/datePickerPopup.gif" CssClass="DateInputImage"
                               HoverImageUrl="../Styles/telerik/Skins/MySkin/Calendar/datePickerPopupHover.gif" />
   </telerik:RadDatePicker>

Does anybody have any idea how can I solve this problem?
thx in advance
Zsolt

Calendar

answered on 12 Nov 2012

1 answer

204 views

Metro touch Skin

Hi,

I tried latest version for radeditor with Metro Touch skin and it doesn't look right on both IE 9 and Firefox 14.

I attached screen shot, please let me know how to fix it.

Thanks!

Alan

Editor

answered on 12 Nov 2012

8 answers

299 views

Radgrid not working after Telerik Upgrade

Hello everyone,

I have updated Telerik Controls today and i have an issue.

Before the upgrade, i had this behaviour :
I have a RadNumericTextBox on my page. When i set a value, it generate a RadGrid with header groups, headers and bind a datatable to it. On this RadNumericTextBox, i also have spin buttons. When i click on it, with the AutoPostback="true" and the onTextChanged="mymethod", i refresh the grid. by generating new headers and a new datatable.

Now, i have this one :
When i go on the page for the first time, my grid is generated properly. But when i click on spin buttons or change manually the value, i got this stack trace (please see the attached file). This stack trace seems to be about the RadGrid column groups, and each time i try to generate for the second time my grid with a new value.

I didn't modify anything inside my application. I thought it was my mistake, but set the old DLLs "resolve" the issue.

My numericTextBox :

<telerik:RadNumericTextBox ID="INP_uniqueKey" runat="server" OnTextChanged="onUniqueKeyChanged"
ShowSpinButtons="True" AutoPostBack="true" LabelWidth="64px" Width="160px"

>

      <

NumberFormat DecimalDigits="0"

/>

</

telerik:RadNumericTextBox>

My method :

protected void onUniqueKeyChanged(object sender, EventArgs e)

{

// Check if there is a value.

if (INP_uniqueKey.Value != null)

{

i_uniqueKey = (int)INP_uniqueKey.Value;

TBL_data = setOutResults.getControlList(i_uniqueKey, GRD_controlListContainer);

// Initialization of labels and datafields

if (setOutResults.getContainer != null)

{

INP_container.Text = setOutResults.getContainer;

INP_containerReference.Text = setOutResults.getContainerReference;

INP_dateSample.SelectedDate = setOutResults.getDateSample;

INP_shopNumber.Text = setOutResults.getLineNumber;

INP_operator.Text = setOutResults.getOperator;

INP_productionNumber.Text = setOutResults.getProductionNumber;

// Databinding

GRD_controlListContainer.DataSource = TBL_data;

GRD_controlListContainer.DataBind();

}

// If there is no results, empty all fields

if(TBL_data.Rows.Count == 0)

{

INP_dateSample.Clear();

INP_container.Text = "";

INP_containerReference.Text = "";

INP_dateSample.Clear();

INP_shopNumber.Text = "";

INP_operator.Text = "";

INP_productionNumber.Text = "";

}

My grid header generation is done inside "getControlList" method in this way :

// Third header row : Buttons

GCG_headerGroup = new GridColumnGroup();

GCG_headerGroup.Name = "buttons0";

GCG_headerGroup.HeaderText = "";

GCG_headerGroup.ParentGroupName = "control0";

GRD_CONTROLLIST.MasterTableView.ColumnGroups.Add(GCG_headerGroup);

Grid

answered on 12 Nov 2012

1 answer

49 views

Problem with JQueryUI and RadScheduler

Hi,
I have created an aspx page with a RadScheduler connected to a RadAjaxLoadingPanel and an accordion panel jQueryUI with
inside textbox fields.
When I do an operation on the RadScheduler (activating the panel load) to its completion, the panel jQueryUI does not work and I just have to refresh the page to reset it.

This is part of my page aspx

<telerik:RadScriptManager ID="RadScriptManager1" runat="server" >

<Scripts>

<asp:ScriptReference Path="~/AreaRiservata/AdvancedForm.js" />

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

$(function () {

$("#accordion").accordion({

collapsible: true, active: true

});

</script>

<script src="js/jquery-1.8.2.js"></script>

<script src="js/jquery-ui-1.9.1.custom.js"></script>

any idea to solve the problem?

Ajax

answered on 12 Nov 2012

8 answers

275 views

RadAjaxManager: Events from a trigger update UpdatedControls that are not linked to it

In my application I need all controls, that are inside specific panel, to trigger update on the same and possibly other panels. There are also panels that must not be updated by these controls. These panels however need to be updated by some other controls. Therefore I need to specify them as UpdatedControls in RadAjaxManager as well. For example in the code below I want Button1 to trigger update on UpdatePanel1, but not UpdatePanel2. However when I click Button1 UpdatePanel2 gets updated.

Default.aspx

    
            <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="RadAjaxManagerTest._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> 
        
            </head> 
        
            <body> 
        
                <form id="form1" runat="server"> 
        
                <div> 
        
                    <telerik:RadScriptManager runat="server" /> 
        
                    <telerik:RadAjaxManager ID="ajaxManager" runat="server"> 
        
                        <AjaxSettings> 
        
                            <telerik:AjaxSetting AjaxControlID="UpdatePanel1"> 
        
                                <UpdatedControls> 
        
                                    <telerik:AjaxUpdatedControl ControlID="UpdatePanel1" /> 
        
                                </UpdatedControls> 
        
                            </telerik:AjaxSetting> 
        
                            <telerik:AjaxSetting AjaxControlID="UpdatePanel2"> 
        
                                <UpdatedControls> 
        
                                    <telerik:AjaxUpdatedControl ControlID="UpdatePanel2" /> 
        
                                </UpdatedControls> 
        
                            </telerik:AjaxSetting> 
        
                        </AjaxSettings> 
        
                    </telerik:RadAjaxManager> 
        
                    <asp:Panel ID="UpdatePanel1" runat="server"> 
        
                        <asp:Label ID="Label1" runat="server" /> 
        
                        <asp:Button ID="Button1" runat="server" Text="Button1" /> 
        
                    </asp:Panel> 
        
                    <asp:Panel ID="UpdatePanel2" runat="server"> 
        
                        <asp:Label ID="Label2" runat="server" /> 
        
                        <asp:Button ID="Button2" runat="server" Text="Button2" /> 
        
                    </asp:Panel> 
        
                </div> 
        
                </form> 
        
            </body> 
        
            </html>

Default.aspx.cs

    
            using System; 
        
            namespace RadAjaxManagerTest 
        
            { 
        
                public partial class _Default : System.Web.UI.Page 
        
                { 
        
                    protected void Page_Load(object sender, EventArgs e) 
        
                    { 
        
                        Label1.Text = Label2.Text = "LastUpdated: " + DateTime.Now.ToString("yyyy-MM-dd HH:mm:ss"); 
        
                    } 
        
                } 
        
            }

Is there a way to achieve what I need without explicitly specifying each control as a trigger(AjaxControlID)? I'm using 2010 Q1 release.
Thanks.

Ajax

answered on 12 Nov 2012