Questions on UI for ASP.NET AJAX Forum

1 answer

89 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

94 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

215 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

326 views

[Solved] 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

58 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

307 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

1 answer

330 views

error 405 method not allowed

I have a RadComboBox control (actually, a few of them) in a RadGrid. The RacComboBox controls are configured for load on demand.

They work as expected so long as I have the service code located in a folder within my web app, but as soon as I try to use a separate WCF service application or a separate web application with the ASP.NET Ajax-enabled svc file, I get "error 405 method not allowed" as the response.

Here's the configuration section for my service from the service's application:

<system.serviceModel>

<bindings>

<webHttpBinding>

<binding name="webHttpBindingConfiguration" maxBufferSize="2147483647"

maxBufferPoolSize="2147483647" maxReceivedMessageSize="2147483647">

<readerQuotas maxDepth="2147483647" maxStringContentLength="2147483647"

maxArrayLength="2147483647" maxBytesPerRead="2147483647" maxNameTableCharCount="2147483647" />

</binding>

</webHttpBinding>

</bindings>

<client>

<endpoint address="http://localhost:21415/MDMStyleCreateBusinessSvc/MDMBusinessService.svc"

binding="basicHttpBinding" bindingConfiguration="basicHttpBusinessEndpoint"

contract="MDMStyleCreateBusinessService.IMDMBusinessService"

name="basicHttpBusinessEndpoint" />

</client>

<services>

<service name="RadComboLoadingServices"

behaviorConfiguration="ASPNETAjaxServiceBehaviorConfiguration">

<endpoint address=""

behaviorConfiguration="ASPNETAjaxEndpointBehaviorConfiguration"

binding="webHttpBinding"

bindingConfiguration="webHttpBindingConfiguration"

contract="DKS.MDM.StyleCreate.Presentation.RadComboLoadOnDemandService" />

<endpoint contract="IMetadataExchange" binding="mexHttpBinding" address="mex" />

</service>

</services>

<behaviors>

<serviceBehaviors>

<behavior name="ASPNETAjaxServiceBehaviorConfiguration">

<dataContractSerializer maxItemsInObjectGraph="2147483647"/>

<serviceMetadata httpGetEnabled="true" />

</behavior>

</serviceBehaviors>

<endpointBehaviors>

<behavior name="ASPNETAjaxEndpointBehaviorConfiguration">

<dataContractSerializer maxItemsInObjectGraph="2147483647"/>

<enableWebScript />

</behavior>

</endpointBehaviors>

</behaviors>

<serviceHostingEnvironment aspNetCompatibilityEnabled="true" multipleSiteBindingsEnabled="true" />

</system.serviceModel

>



anybody see anything wrong with the configuration?



In my svc file, I have the following:




[ServiceContract(Namespace = "DKS.MDM.StyleCreate.Presentation")]
[AspNetCompatibilityRequirements(RequirementsMode = AspNetCompatibilityRequirementsMode.Allowed)]



and on the contract method, I have:




[OperationContract]
public RadComboBoxData LoadComboItems(RadComboBoxContext context)
{
     ...
}

Thanks,

Charlie

ComboBox

answered on 12 Nov 2012

1 answer

505 views

RadGrid - Show Group Panel

Hi,
I am trying to get the show group panel to work on my page, and I sort of have, as in it does everything but sort it, it instead throws an error. I have tried looking for help on it on articles such as http://www.telerik.com/help/aspnet-ajax/grid-basic-grouping.html
but from what I can make out there is something wrong, but I can't figure out what, this is my ASPX

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Orders.aspx.vb" Inherits="Orders" %>

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

<!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 id="Head1" runat="server">

<title>Work Orders</title>

</head>

<body>

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

<telerik:RadStyleSheetManager ID="RadStyleSheetManager1" runat="server">

</telerik:RadStyleSheetManager>

<telerik:RadSkinManager ID="RadSkinManager1" runat="server">

</telerik:RadSkinManager>

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

</telerik:RadScriptManager>

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

<script type="text/javascript">

function ShowEditForm(id, rowIndex) {

//alert("orderID" + ' ' + id);

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

var rowControl = grid.get_masterTableView().get_dataItems()[rowIndex].get_element();

grid.get_masterTableView().selectItem(rowControl, true);

var t = document.getElementById("<%= lblTemplate.ClientID %>").value;

//alert("row = " + rowIndex);

var ow = window.radopen("OrderUpdate.aspx?OrderID=" + id + "&Template=" + t, "UpdateWorkOrder");

//alert("After window open");

ow.Maximize();

return false;

}

function ShowInsertForm() {

var t = document.getElementById("<%= lblTemplate.ClientID %>").value;

var ow = window.radopen("OrderUpdate.aspx?OrderID=0" + "&Template=" + t + "&OrderType=R", "UpdateWorkOrder");

//alert("After window open");

ow.Maximize();

return false;

}

function RowMouseOver(sender, eventArgs) {

var text = "";

text += "Work Order Description - ";

var i = eventArgs.get_itemIndexHierarchical();

//text += i

//var firstDataItem = $find("<%= RadGrid1.MasterTableView.ClientID %>").get_dataItems()[0];

//var keyValues = 'OrderID: "' + firstDataItem.getDataKeyValue("OrderID");

//

//<telerik:GridBoundColumn DataField="Text" HeaderText="Text" UniqueName="Text" Display="false">

// </telerik:GridBoundColumn>

//text += ", OrderID: " + keyValues

// following 3 lines worked

var Description = eventArgs.getDataKeyValue("Text")

text += Description

document.getElementById("OutPut").innerHTML = text;

}

function refreshGrid(arg) {

if (!arg) {

$find("<%= RadAjaxManager1.ClientID %>").ajaxRequest("Rebind");

}

else {

$find("<%= RadAjaxManager1.ClientID %>").ajaxRequest("RebindAndNavigate");

}

</script>

</telerik:RadCodeBlock>

<%--<div id="header">

<h1>

<asp:Label ID="lblVersion" runat="server" Text="Profess Roads Cost Manager" ForeColor="White"></asp:Label>

</h1>

</div>--%>

<div>

<telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" DecoratedControls="All"

ControlsToSkip="Textbox" />

<table width="100%">

<tr>

<td style="width: 100%; text-align: left;">

<telerik:RadButton ID="chkShowAll" runat="server" Text="Show All" ButtonType="ToggleButton"

ToggleType="CheckBox" />

<telerik:RadButton ID="chkRoutine" runat="server" Text="Reactive" ButtonType="ToggleButton"

ToggleType="CheckBox" />

<telerik:RadButton ID="chkProgrammed" runat="server" Text="Proactive" ButtonType="ToggleButton"

ToggleType="CheckBox" />

<telerik:RadButton ID="chkCyclic" runat="server" Text="Cyclic" ButtonType="ToggleButton"

ToggleType="CheckBox" />

<telerik:RadButton ID="chkProject" runat="server" Text="Related by Project" ButtonType="ToggleButton"