Questions on UI for ASP.NET AJAX Forum

110,776 questions

2 answers

88 views

I have searched forums but unable to find anything related. In IE editor does not render properly but in chrome/ff it does.

Editor

answered on 03 Nov 2011

1 answer

54 views

Show progress image on RadPanel bar until Entire page is not render at panel, which set as content URL.

I am going to set content url of panel bar at runtime with Jquery. Something like below

var frameURL = ‘http://msn.com’; //Example

var panelBar = $find("<%=this.MiddlePane1.ClientID%>");

panelBar.set_contentUrl(frameURL);

it’s took more time to load complete page on above panel, window look like hang.

Instead of that I want to show progress image, until entire page is not render at panel bar.

Any suggestion Guys.

PanelBar

answered on 03 Nov 2011

1 answer

74 views

Highlight on select

Hi,
After selecting an item in my Rad Form Decorated Drop Down List I want it to highlight so you can see the change. I used the OnClientSelectedIndexChanged event as described here for the Combo Boxes on my page (it works great), but it doesn't work for a Drop Down List. Any help would be greatly appreciated. Thanks!

FormDecorator

answered on 03 Nov 2011

1 answer

86 views

Rad grid behaviours and applying CSS

Hi,

Radgrid properties like

1.Frozencolumncount
2.ItemStyle-Wrap
3.HeaderStyle-Width
4.Horizontal Scroll
5. Vertical Scroll

do not work as expected in compatibility view. Is there are known solution for this issue?

Thanks,
Maruti

Grid

answered on 03 Nov 2011

3 answers

79 views

phantom line droppings

Hey folks,

When I scroll down a page displayed as rich text in the radeditor using the mouse wheel, or by sliding the editor's scrollbar towards the bottom of the page, phantom line droppings appear over the text that scrolls up from the bottom of the editor's frame. More precisely, numerous light grey 1pt thick horizontal lines are drawn across the text set at random intervals ranging from a few points to a couple of text lines apart. As soon as I move the windows mouse pointer to outside of the radeditor's control boundaries, the lines disappear. I've seen this behavior in other sites that use the telerik radeditor such as the forums in http://devhub.author-it.com/

As a user trying to key text into the control, I find this behavior most annoying because it obliterates the readability of almost everything being displayed, rendering the point of having such an editor available in the first place as being useless. I have to spend time haphazardly scrolling the text up and down until I can get a clean display in which I can find the location of what I want to edit OR review.

As a developer, I'ld like to find a way to prevent these lines from ever appearing. What's causing this problem and how can it be fixed? It doesn't seem to happen when the editor is working with plain text.

I'm using Telerik RAD controls 2011.2.915.35 in visual studio C# build 91605-270-2201135-60151 and am viewing this on Internet Explorer 9 (9.0.8112.16421 with update version 9.0.3) on windows 7 SP1

this is some text
to scroll down on
so you can see the
phenomena happen
here as it seems
this is also a radeditor
telerik control (make
sure you are editing it
in the editor)

Editor

answered on 03 Nov 2011

2 answers

374 views

Rad Scheduler: Drag and Drop: modified appointment has unchanged value

Hello,

I am having this same issue and the solution below was unfortunately not a helpful answer. I have spent so many hours on this I have lost count.

When dragging and dropping an appointment, the AppointmentUpdate Server event has the same value for the event args for the e.Appointment AND e.ModifiedAppointment. When I add the client event OnClientAppointmentMoveEnd, I get the correct modified value on the client side, but the serverside is always wrong.

[.net 2.0 + Q3 2009 with hotfix]

Thanks for the help,

Ryan (Code Below)

Server Code: (values for e.Appointment and e.ModifiedAppointment are the same)

    
            protected void CalendarRadScheduler_AppointmentUpdate(object sender, AppointmentUpdateEventArgs e) 
        
                    { 
        
                        if (e.Appointment.Start != e.ModifiedAppointment.Start) 
        
                        { 
        
                            Appointment objModApt = e.ModifiedAppointment; 
        
                            //load message from database 
        
                            MessageDAO daoMessage = new MessageDAO(); 
        
                            MessageDTO dtoMessage = daoMessage.GetById((int)objModApt.ID); 
        
                            //update message with new time 
        
                            dtoMessage.Start = objModApt.Start; 
        
                            dtoMessage.End = objModApt.Start.AddMinutes(10); 
        
                            //Save updated message to database 
        
                            dtoMessage.Method = CoreToolkit.ObjectMethod.Modify; 
        
                            daoMessage.Save(dtoMessage); 
        
                        } 
        
                        else 
        
                        { 
        
                            e.Cancel = true; 
        
                        } 
        
                    }

Client Code:

    
            <%@ Control Language="C#" AutoEventWireup="true" Codebehind="MyUserControl.ascx.cs"  
        
                Inherits="UserControls.MyUserControl" %>  
        
            <meta http-equiv="X-UA-Compatible" content="IE=7"/>  
        
            <pro:RadCodeBlock ID="RadCodeBlock1" runat="server">  
        
            <script type="text/javascript">  

             function OnClientAppointmentMoveEnd(sender, eventArgs)

                       {

                        alert("New start time: " + eventArgs.get_newStartTime()); 

                       }

                        function formatDate(date)  
        
                        {  
        
                            var year = padNumber(date.getFullYear(), 4);  
        
                            var month = padNumber(date.getMonth() + 1, 2);  
        
                            var day = padNumber(date.getDate(), 2);  
        
                            var hour = padNumber(date.getHours(), 2);  
        
                            var minute = padNumber(date.getMinutes(), 2);  
        
                            return year + month + day + hour + minute;  
        
                        }  
        
                        function padNumber(number, totalDigits)  
        
                        {  
        
                            numbernumbernumber = number.toString();  
        
                            var padding = '';  
        
                            if (totalDigits > number.length)  
        
                            {  
        
                                for (i = 0; i < (totalDigits - number.length); i++)  
        
                                {  
        
                                    padding += '0';  
        
                                }  
        
                            }  
        
                            return padding + number.toString();  
        
                        }  
        
                        //prevent resizing  
        
                      function OnClientAppointmentResizeStart(sender, eventArgs)  
        
                      {  
        
                         alert('no resizing');  
        
                         //eventArgs.set_cancel(true);  
        
                      }  
        
                        //prevent resizing  
        
                      function OnClientAppointmentResizeEnd(sender, eventArgs)  
        
                      {           
        
                        alert('resizing end')                           
        
                      }  
        
                      //prevent editing of recurring messages  
        
                      function OnClientAppointmentEditing(sender, eventArgs)  
        
                      {  
        
                        alert('editing');  
        
                        if(eventArgs.get_editingRecurringSeries())  
        
                              eventArgs.set_cancel(true);  
        
                      }  
        
                      function OnClientAppointmentDoubleClick(sender, eventArgs)  
        
                      {  
        
                          alert('here');  
        
                      }  
        
                      function OnClientAppointmentInserting(sender, eventArgs)  
        
                        {  
        
                             var start = formatDate(eventArgs.get_startTime());  
        
                             document.location.href = '<%=PageToRedirect + "?StartDate="%>' + start;  
        
                             eventArgs.set_cancel(true);  
        
                        }    
        
                </script>  
        
            </pro:RadCodeBlock>  
        
            <telerik:RadScriptBlock runat="server" ID="scriptContextMenu">  
        
                    <script type="text/javascript">  
        
                        var selectedAppointment = null;  
        
                        var contextMenuSlot = null;  
        
                        function checkResourceMenuItem(menu, appointment) {  
        
                            var calendar = appointment.get_resources().getResourcesByType("Calendar").getResource(0);  
        
                            if (!calendar)  
        
                                return;  
        
                            var actionItem = menu.findItemByText("Action");  
        
                            //Traverse all menu items below "Action"  
        
                            for (var i = 0; i < actionItem.get_items().get_count(); i++) {  
        
                                var item = actionItem.get_items().getItem(i);  
        
                                if (item.get_value() == calendar.get_key()) {  
        
                                    //The item corresponds to the current "Calendar" - the Value of the item stores the Key of the resource  
        
                                    item.set_imageUrl("Images/checked.gif");  
        
                                }  
        
                                else {  
        
                                    item.set_imageUrl("");  
        
                                }  
        
                            }  
        
                        }  
        
                        //Called when the user right-clicks an appointment  
        
                        function appointmentContextMenu(sender, eventArgs) {  
        
                            var menu = $find("<%= SchedulerAppointmentContextMenu.ClientID %>");  
        
                            selectedAppointment = eventArgs.get_appointment();  
        
                            checkResourceMenuItem(menu, selectedAppointment);  
        
                            menu.show(eventArgs.get_domEvent());  
        
                        }  
        
                        //Called when the user clicks an item from the appointment context menu  
        
                        function appointmentContextMenuItemClicking(sender, eventArgs) {  
        
                            var clickedItem = eventArgs.get_item();                  
        
                            if (clickedItem.get_text() == "Action") {  
        
                                //Prevent the menu from closing if the user clicked the "Action" menu item  
        
                                eventArgs.set_cancel(true);  
        
                                return;  
        
                            }  
        
                        }  
        
                        //Called when the user clicks an item from the appointment context menu  
        
                        function appointmentContextMenuItemClicked(sender, eventArgs)   
        
                        {  
        
                            if (!selectedAppointment)  
        
                                return;  
        
                            var clickedItem = eventArgs.get_item();  
        
                            var scheduler = $find("<%= CalendarRadScheduler.ClientID %>");  
        
                            if (clickedItem.get_parent().get_text && clickedItem.get_parent().get_text() == "Action") {  
        
                                //The user clicked the item corresponding to the "Calendar" resource to which the appointment is assigned  
        
                                if (clickedItem.get_imageUrl())  
        
                                    return;  
        
                                //Clear all resources   
        
                                selectedAppointment.get_resources().clear();  
        
                                //Find the resource corresponding to the clicked item  
        
                                var calendar = scheduler.get_resources().getResourceByTypeAndKey("Calendar", clickedItem.get_value());  
        
                                //Add it to the appointment resources collection  
        
                                selectedAppointment.get_resources().add(calendar);  
        
                                //Update the appointment  
        
                                scheduler.updateAppointment(selectedAppointment);  
        
                            }  
        
                        }             
        
                        function OnClientRecurrenceActionDialogShowing(sender, eventArgs)  
        
                       {  
        
                           alert('in OnClientRecurrenceActionDialogShowing()');  
        
                           eventArgs.set_cancel(true);    
        
                           //Edit this instance only:    
        
                           eventArgs.set_editSeries(false);    
        
                       }          
        
                       function CalendarRadScheduler_AppointmentContextMenuItemClicked(sender, eventArgs)  
        
                       {  
        
                        alert('you click a menu button');  
        
                       }  
        
                       function OnClientNavigationCommand(sender, eventArgs)  
        
                       {  
        
                          alert('Navigation Command:');  
        
                          alert(eventArgs.get_selectedDate().toString());                
        
                       }  
        
                    </script>  
        
                </telerik:RadScriptBlock>  
        
            <pro:RadAjaxManager ID="RadAjaxManager1" EnableAJAX="true" runat="server" OnAjaxRequest="RadAjaxManager1_AjaxRequest">  
        
                <AjaxSettings>  
        
                    <pro:AjaxSetting AjaxControlID="CalendarRadScheduler">  
        
                        <UpdatedControls>  
        
                            <telerik:AjaxUpdatedControl ControlID="CalendarRadScheduler" LoadingPanelID="RadAjaxLoadingPanel1" />  
        
                        </UpdatedControls>  
        
                    </pro:AjaxSetting>  
        
                </AjaxSettings>  
        
            </pro:RadAjaxManager>  
        
                    <pro:RadScheduler   
        
                        ID="CalendarRadScheduler"   
        
                        runat="server"   
        
                        EnableAjaxSkinRendering="false"  
        
                        Height="750px"   
        
                        Width="578px"   
        
                        ShowAllDayRow="False"   
        
                        AllowDelete="True"   
        
                        AllowEdit="True"  
        
                        AllowInsert="True"   
        
                        Skin="Office2007"  
        
                        HoursPanelTimeFormat="h:mm tt"   
        
                        MinutesPerRow="15"   
        
                        ShowFullTime="True"  
        
                        StartEditingInAdvancedForm="false"  
        
                        DataKeyField="ID"   
        
                        DataSubjectField="Subject"   
        
                        DataStartField="Start"   
        
                        DataEndField="End"  
        
                        DataRecurrenceField="RecurrenceRule"   
        
                        DataRecurrenceParentKeyField="RecurrenceParentID"  
        
                        DayEndTime="18:30:00"   
        
                        DayStartTime="08:00:00"   
        
                        ShowFooter="false"   
        
                        OnClientAppointmentInserting="OnClientAppointmentInserting"  
        
                        OnClientAppointmentDoubleClick="OnClientAppointmentDoubleClick"  
        
                        OnClientAppointmentEditing="OnClientAppointmentEditing"   
        
                        OnClientAppointmentResizeEnd="OnClientAppointmentResizeEnd"  
        
                        OnAppointmentCreated="CalendarRadScheduler_AppointmentCreated"   
        
                        OnAppointmentDataBound="CalendarRadScheduler_AppointmentDataBound"   
        
                        CustomAttributeNames="NetworkId"   
        
                        OnAppointmentCommand="CalendarRadScheduler_AppointmentCommand"   
        
                        OnFormCreating="CalendarRadScheduler_FormCreating"   
        
                        OnAppointmentContextMenuItemClicked="CalendarRadScheduler_AppointmentContextMenuItemClicked"   
        
                        OnAppointmentUpdate="CalendarRadScheduler_AppointmentUpdate"  
        
                        OnClientRecurrenceActionDialogShowing ="OnClientRecurrenceActionDialogShowing"   
        
                        OnClientNavigationCommand="OnClientNavigationCommand"  

                        OnClientAppointmentMoveEnd="OnClientAppointmentMoveEnd"

                        OnNavigationCommand="CalendarRadScheduler_NavigationCommand">  
        
                        <AppointmentContextMenus>  
        
                            <%--The appointment context menu interaction is handled on the client in this example--%>  
        
                            <%--See the JavaScript code above--%>  
        
                            <telerik:RadSchedulerContextMenu runat="server" ID="SchedulerAppointmentContextMenu">  
        
                                <Items>  
        
                                    <telerik:RadMenuItem Text="View" Value="CommandView" />  
        
                                    <telerik:RadMenuItem IsSeparator="True" />  
        
                                    <telerik:RadMenuItem Text="Copy" Value="CommandCopy" ImageUrl="/images/copy.gif"/>  
        
                                    <telerik:RadMenuItem IsSeparator="True" />  
        
                                    <telerik:RadMenuItem Text="Edit" Value="CommandEdit" ImageUrl="/images/edit.gif"/>  
        
                                    <telerik:RadMenuItem IsSeparator="True" />  
        
                                    <telerik:RadMenuItem Text="Delete" Value="CommandDelete" ImageUrl="/images/icon_trash.gif" />  
        
                                    <telerik:RadMenuItem IsSeparator="True" />  
        
                                    <telerik:RadMenuItem Text="Action" Visible="false">  
        
                                        <Items>  
        
                                            <telerik:RadMenuItem Text="Development" Value="1" />  
        
                                            <telerik:RadMenuItem Text="Marketing" Value="2" />  
        
                                            <telerik:RadMenuItem Text="Personal" Value="3" />  
        
                                            <telerik:RadMenuItem Text="Work" Value="4" />  
        
                                        </Items>  
        
                                    </telerik:RadMenuItem>  
        
                                </Items>  
        
                            </telerik:RadSchedulerContextMenu>  
        
                        </AppointmentContextMenus>  
        
                        <AppointmentTemplate>  
        
                            <div>  
        
                                <%# FormatCalendarMessage() %>  
        
                            </div>  
        
                        </AppointmentTemplate>  
        
                    </pro:RadScheduler>  
        
            <asp:Label ID="lbl" runat="server" Visible="false"></asp:Label>  
        
            <pro:RadAjaxLoadingPanel   
        
                ID="RadAjaxLoadingPanel1"   
        
                runat="server"   
        
                Transparency="30"  
        
                BackColor="#E0E0E0"   
        
                InitialDelayTime="500">  
        
                    <asp:Image ID="Image2" Style="margin-top: 200px" runat="server" ImageUrl="/images/loading.gif" BorderWidth="0px" AlternateText="Loading"></asp:Image>  
        
            </pro:RadAjaxLoadingPanel>

Scheduler

answered on 03 Nov 2011

1 answer

73 views

Listview not shows style

I have a ListView in my page that follows example in http://demos.telerik.com/aspnet-ajax/listview/examples/appearancestyling/predefinedlayouts/defaultcs.aspx but when page page is rendered it don't show the style. By the way, it's looking ok in designer view.

code:

<telerik:RadListView ID="grdPrincipal" runat="server"

onneeddatasource="grdPrincipal_NeedDataSource">

<ItemTemplate>

<div class="rlvI">

<asp:Label ID="lbFeriado" runat="server" Text='<%# Eval("Motivo") %>' />

</div>

</ItemTemplate>

<AlternatingItemTemplate>

<div class="rlvA">

<asp:Label ID="lbFeriado" runat="server" Text='<%# Eval("Motivo") %>' />

</div>

</AlternatingItemTemplate>

<EmptyDataTemplate>

<div class="RadListView RadListView_Default">

<div class="rlvEmpty">

Nenhum feriado cadastrado.</div>

</div>

</EmptyDataTemplate>

<LayoutTemplate>

<div class="RadListView RadListView_Default">

<div id="itemPlaceholder" runat="server">

</div>

</LayoutTemplate>

</telerik:RadListView>

ListView

answered on 03 Nov 2011

3 answers

215 views

RadTreeList Drag and Drop

Dear Sir,
I need an example of using drag and drop items but without using detailed template with a simple radtreelist, because i tried to implement it but i faced some problems with the interface.with scrolling and treelist height = 100% and width=100%, but when i drag a row it shows the height of the selected row = 100% also. please i need your help in this issue.

<telerik:RadTreeList ID="rtl_Category" runat="server" SkinID="Default_RadTreeList_Skin" AllowPaging="false" Width="100%" Height="100%" EnableNoRecordsTemplate="true" Dir='<%$ Resources:Common,res_Direction %>'

DataKeyNames="ID" ClientDataKeyNames="ID,ParentCategory.ID" ParentDataKeyNames="ParentCategory.ID" AutoGenerateColumns="False" OnNeedDataSource="rtl_Category_NeedDataSource" >

<ClientSettings AllowItemsDragDrop="true">

<ClientEvents OnItemDropping="itemDropping" OnItemDragging="itemDragging" OnTreeListCreated="function(sender) { treeList2 = sender; }" />

<Selecting AllowItemSelection="True" />

<Scrolling AllowScroll="true" UseStaticHeaders="true" ></Scrolling>

</ClientSettings>

<Columns>

<telerik:TreeListBoundColumn DataField="ID" HeaderText="ID" UniqueName="ID"

ReadOnly="true" />

<telerik:TreeListBoundColumn DataField="Title" HeaderText="Title" UniqueName="Title"/>

<telerik:TreeListBoundColumn DataField="Description" HeaderText="Description" UniqueName="Description" />

<telerik:TreeListDateTimeColumn DataField="CreatedOn" HeaderText="CreatedOn" UniqueName="CreatedOn"/>

<telerik:TreeListBoundColumn DataField="CreatedBy.UserName" HeaderText="CreatedBy" UniqueName="CreatedBy" />

<telerik:TreeListBoundColumn DataField="ParentCategory.ID" HeaderText="Parent" UniqueName="ParentCategory" Visible="false"/>

</Columns>

<NoRecordsTemplate>

<table width="100%" cellpadding="0" cellspacing="0" border="0" style="height: 40px;

border-collapse: collapse; border: solid 1px #dddddd;">

<tr>

<td align="center" valign="middle">

<asp:Label ID="lbl_GRD_NoRecords" runat="server" Text="No Records Found"></asp:Label>

</td>

</tr>

</table>

</NoRecordsTemplate>

</telerik:RadTreeList>

TreeList

answered on 03 Nov 2011

1 answer

99 views

Multiple columns in MultipleValuesResourceControl

I'm using several MultipleValueResourceControls in the AdvancedForm. I would like to have the flexibility to set the number of columns in the CheckBoxList per MultipleValueResourceControl. I have one instance of the control where there are only 2 selections and should appear in 1 column, but another with close to 40 that I would like to spread out over 4 columns.

Can someone please point me in the right direction?

Thanks.

Scheduler

answered on 03 Nov 2011

3 answers

283 views

GetRadWindow returns undefined on first attempt with FireFox

I've been beating my head against the desk for the better part of a week trying to find out why my program would not call a javascript function from an ajax postback. I tracked the problem down to GetRadWindow not returning a window. Searching the forums found a couple other examples of people with a similar odd problems with no solutions as yet. The good Telerik folks have tried their best to help me in other forum posts. but this one I fear may be a Firefox issue.

Telerik 2010.1.519.35 - FireFox 3.6

I have a master page which has a javascript function I want to call.
From the content page I open a radwindow which is defined in the radwindowmanager of the master page.
When a button in the radwindow is clicked I want to registerstartupscript so I can call the javascript function in the main page.

This does not work the first time the radwindow is opened, but only in FireFox

If I click the button that opens the radwindow, and then click the button in the radwindow to make the call, it fails, not having gotten a valid radwindow from GetRadWindow. I can click the button multiple times, it still does not work. If I close the radwindow, and click the button to open the radwindow again, the second (and subsequent) times if functions as it should.

If I execute the same code from Internet Explorer it functions properly every time. It's as if Firefox doesn't add the radwindow to it's internal list of windows until after it's been closed (just a guess)

A simpler example with just a webpage and radwindow had no problems, only the combination of master page, content page, and radwindow exhibited the problem for me

live example at http://www.steeltoad.com/ajaxdialogtest
full source at http://www.steeltoad.com/ajaxdialogtest2.zip

MasterPage

<%@
Master Language="Oxygene" AutoEventWireup="true"
CodeBehind="MasterPage.master.pas" Inherits="AjaxDialogTest2.MasterPage"
%>

<%@
Register assembly="System.Web.Extensions, Version=3.5.0.0,
Culture=neutral, PublicKeyToken=31bf3856ad364e35"
namespace="System.Web.UI" tagprefix="asp" %>

<%@
Register assembly="Telerik.Web.UI, Version=2010.1.519.35,
Culture=neutral, PublicKeyToken=121fae78165ba3d4"
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 runat="server">

<title></title>

<script language="javascript" type="text/javascript">

function MasterPageTest(arg)

{ alert('Master Page : '+arg); }

</script>

<asp:ContentPlaceHolder ID="head" runat="server">

</asp:ContentPlaceHolder>

</head>

<body>

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

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

</telerik:RadScriptManager>

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">

</telerik:RadAjaxManager>

<telerik:RadWindowManager ID="RadWindowManager1" runat="server"

Skin="Sunset" ShowContentDuringLoad="False" VisibleStatusbar="False"

KeepInScreenBounds="True" EnableViewState="False"

Behavior="Close, Move" Behaviors="Close, Move"

InitialBehavior="Resize, Close, Move" InitialBehaviors="Resize, Close, Move" ReloadOnShow="True">

<Windows>

<telerik:RadWindow ID="wDialog" runat="server"

NavigateUrl="DialogForm.aspx" Title="Dialog Form"

Height="345px" Width="540px" >

</telerik:RadWindow>

</Windows>

</telerik:RadWindowManager>

<div>

<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">

</asp:ContentPlaceHolder>

</div>

</form>

</body>

</html>

Content Page

<%@
Page Title="" Language="Oxygene" MasterPageFile="~/MasterPage.Master"
AutoEventWireup="true" CodeBehind="ContentPage.aspx.pas"
Inherits="AjaxDialogTest2.ContentPage" %>

<%@
Register assembly="Telerik.Web.UI, Version=2010.1.519.35,
Culture=neutral, PublicKeyToken=121fae78165ba3d4"
namespace="Telerik.Web.UI" tagprefix="telerik" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">

</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">

<script language="javascript" type="text/javascript">

function ShowDialogForm(id)

{

var oWnd = window.radopen("DialogForm.aspx","wDialog");

oWnd.SetTitle("Dialog Form");

return false;

}

</script>

<asp:Button ID="Button1" runat="server" Text="Open Dialog" onclientclick="ShowDialogForm(); return false;" />

</asp:Content>

Dialog Page

<%@
Page Language="Oxygene" AutoEventWireup="true"
CodeBehind="DialogForm.aspx.pas" Inherits="AjaxDialogTest.DialogForm"
%>

<%@
Register assembly="System.Web.Extensions, Version=3.5.0.0,
Culture=neutral, PublicKeyToken=31bf3856ad364e35"
namespace="System.Web.UI" tagprefix="asp" %>

<%@
Register assembly="Telerik.Web.UI, Version=2010.1.519.35,
Culture=neutral, PublicKeyToken=121fae78165ba3d4"
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 runat="server">

<title>Untitled Page</title>

<script language="javascript" type="text/javascript">

function GetRadWindow()

{

var oWindow = null;

if (window.radWindow)

{ oWindow = window.RadWindow; }

else if (window.frameElement.radWindow)

{ oWindow = window.frameElement.radWindow; }

return oWindow;

}

function DialogCommand(arg)

{

var rw = GetRadWindow();

alert('About to call MasterPageTest');

rw.BrowserWindow.MasterPageTest(arg);

alert('Called MasterPageTest');

}

</script>

</head>

<body>

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

<div>

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

</telerik:RadScriptManager>

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="AjaxButton">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="AjaxButton" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<asp:Button ID="AjaxButton" runat="server" Text="Test" onclick="ButtonClicked" />

</div>

</form>

</body>

</html>

Dialog Page server side code Delphi Prism but the one line of code translates easily to C#

namespace AjaxDialogTest;

interface

uses

Telerik.Web.UI,

System,

System.Data,

System.Configuration,

System.Linq,

System.Web,

System.Web.Security,

System.Web.SessionState,

System.Web.UI,

System.Web.UI.WebControls,

System.Web.UI.WebControls.WebParts,

System.Web.UI.HtmlControls;

type

DialogForm = public partial class(System.Web.UI.Page)

protected

method ButtonClicked(sender: System.Object; e: System.EventArgs);

method Page_Load(sender: Object; e: EventArgs);

end;

implementation

method DialogForm.Page_Load(sender: Object; e: EventArgs);

begin

end;

method DialogForm.ButtonClicked(sender: System.Object; e: System.EventArgs);

begin

RadScriptManager.RegisterStartupScript(self,GetType(),"addScript","DialogCommand('Test');",true);

end;

end.

Window

answered on 03 Nov 2011

Top users last month