Showing posts with label RadWindow. Show all posts
Showing posts with label RadWindow. Show all posts

Open RadWindow from RadRotator

Posted by simple money technique on Tuesday, June 4, 2013 at 7:24 AM

 

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default3.aspx.cs" Inherits="Default3" %>
<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
   
    <style type="text/css">
        .itemTemplate
        {
            width: 80px;/* 11px margin is taken into account */
            height: 50px;
        }
        .rightArrow
        {
            cursor: pointer;
            float: right;
        }
        .leftArrow
        {
            cursor: pointer;
            float: left;
        }
    </style>
  <script type="text/javascript">
      function CallScript(Id) //Id, args
       {
           window.radopen('Dialog1.aspx?CustomerID=' + Id + '', 'window1');
      
       }
  </script>
</head>
<body class="BODY">
    <form runat="server" id="mainForm" method="post">
   
   
    <telerik:RadScriptManager ID="ScriptManager1" runat="server">
    </telerik:RadScriptManager>
    <div style="width: 454px;">
<asp:Image ImageUrl="images/right.gif" ID="img_right" AlternateText="right" runat="server"
CssClass="rightArrow" />
        <asp:Image ImageUrl="images/left.gif" ID="img_left" AlternateText="left" runat="server" CssClass="leftArrow"/>
        <div style="background-image: url(images/bg.gif); width: 355px; height: 103px; margin-left: 49px;
            padding-top: 19px; background-repeat: no-repeat; box-sizing: border-box; -moz-box-sizing: border-box;">
            <div style="margin-left: 20px; padding-top: 20px;">
                <telerik:RadRotator DataSourceID="xmlDataSource1" runat="server" ID="RadRotator1"  
                OnItemCreated="RadRotator1_OnItemCreated"     Width="314" Height="50" ItemWidth="80" ItemHeight="50" FrameDuration="1" RotatorType="ButtonsOver">
                    <ItemTemplate>  <%--OnItemClick="RadRotator1_OnItemClick" --%>
                        <div class="itemTemplate">
                          
                          <asp:Image ID="Img1" runat="server"  ImageUrl='Images/<%# XPath("Image") %>' />
                          <%--<img id="Img1" runat="server" src='Images/<%# XPath("Image") %>' alt="Image" />--%>
                        <%--<asp:ImageButton ID="Img1" runat="server"  ImageUrl='Images/<%# XPath("Image") %>' AlternateText="" style="margin: 0px 11px;" /> --%>
                        <asp:Label ID="RowIndex" runat="server"></asp:Label>
                        </div>
                    </ItemTemplate>
                    <ControlButtons LeftButtonID="img_left" RightButtonID="img_right" />
                </telerik:RadRotator>
            </div>
        </div>
    </div>
    <br />
    <asp:XmlDataSource ID="xmlDataSource1" runat="Server" DataFile="~/data.xml"></asp:XmlDataSource>
   
  
   
   <telerik:RadWindowManager ID="RWM" Height="640px" Width="870px" ShowContentDuringLoad="false" ReloadOnShow="true" runat="server">
            <Windows>
    <telerik:RadWindow ID="UserListDialog" runat="server" Title="Editing record" Height="320px" 
                Width="310px" Left="150px" ReloadOnShow="true" ShowContentDuringLoad="false"
                Modal="true">
                <ContentTemplate>
                This is Rad Window content
                </ContentTemplate>
            </telerik:RadWindow>
    </Windows>
    </telerik:RadWindowManager>
   
<asp:Label ID="lblContent" runat="server" Visible="false"></asp:Label>
    </form>
</body>
</html>
 
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using Telerik.Web.UI;
using System.Web.UI.HtmlControls;
public partial class Default3 : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
    }
    protected void RadRotator1_OnItemCreated(object sender, RadRotatorEventArgs e)
    {
        if (e.Item.DataItem != null)
        {
            Label RowIndex = (Label)e.Item.FindControl("RowIndex");
            Image image1 = e.Item.FindControl("Img1") as Image;
        
            
            RowIndex.Text = Convert.ToString(e.Item.Index);
            string text = Convert.ToString(RowIndex.Text);
           
            lblContent.Text = text;
            
            image1.Attributes["href"] = "javascript:void(0);";
            image1.Attributes["onclick"] = String.Format("return CallScript('{0}');", text);
         
        }
    }
    protected void RadRotator1_OnItemClick(object sender, RadRotatorEventArgs e)
    {
        RadRotator rotator = sender as RadRotator;
        rotator.InitialItemIndex = e.Item.Index;// Persist the index 
        string text = Convert.ToString(rotator.InitialItemIndex);
        ClientScript.RegisterClientScriptBlock(GetType(), "ClientScript", "<script>alert('" + text + "')</script>");
    }
}

data.xml
<?xml version="1.0" encoding="utf-8" ?>
<Data>
	<DataItem>
		<Image>thumb1.gif</Image>
    <Title>One</Title>
  
  </DataItem>
	<DataItem>
		<Image>thumb2.gif</Image>
    <Title>fsdf</Title>
	</DataItem>
	<DataItem>
		<Image>thumb3.gif</Image>
    <Title>erwe</Title>
	</DataItem>
	<DataItem>
		<Image>thumb4.gif</Image>
    <Title>cxvcx</Title>
	</DataItem>
	<DataItem>
		<Image>thumb5.gif</Image>
    <Title>fdsf</Title>
	</DataItem>
	<DataItem>
		<Image>thumb6.gif</Image>
    <Title>rewrew</Title>
	</DataItem>
	<DataItem>
		<Image>thumb1.gif</Image>
    <Title>fdsf</Title>
	</DataItem>
	<DataItem>
		<Image>thumb2.gif</Image>
    <Title>rewrwe</Title>
	</DataItem>
	<DataItem>
		<Image>thumb3.gif</Image>
    <Title>vvxcv</Title>
	</DataItem>
	<DataItem>
		<Image>thumb4.gif</Image>
    <Title>gdfgd</Title>
	</DataItem>
	<DataItem>
		<Image>thumb5.gif</Image>
    <Title>gfdgd</Title>
	</DataItem>
	<DataItem>
		<Image>thumb6.gif</Image>
    <Title>gdfg</Title>
	</DataItem>
</Data>
  









Labels:
,



0
comments



































          

        

        

      

        

      







Telerik Rad Window :- Refresh Parent Window when Child Window Closed.







Posted by
simple money technique

 on Saturday, May 25, 2013

at
12:32 PM








Default.aspx
------------------
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="DUMMY_Default" %>
<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<!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></title>                            
</head>
<body>
    <form id="form1" runat="server">
    <div>
     <telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
    <asp:LinkButton ID="lnkbt1" runat="server" Text="Link1" OnClick="lnkbt1_Click"></asp:LinkButton>
    <telerik:RadWindow ID="RadWindow2" runat="server" Height="300px" Width="300px" Left="500"
            EnableShadow="true" Top="300" NavigateUrl="http://localhost:2607/Default2.aspx" VisibleOnPageLoad="false"
            ShowContentDuringLoad="false" />
    </div>
    </form>
</body>
</html>
-----------------------------------------------------
Default.aspx.cs
-------------------
 protected void lnkbt1_Click(object sender, EventArgs e)
    {
        lnkbt1.Text = "Clicked";
        RadWindow2.VisibleOnPageLoad = true;
    }
Default2.aspx
-----------------
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="DUMMY_Default2" %>
<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<!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 type="text/javascript">
       function GetRadWindow() {
           var oWindow = null;
           if (window.radWindow) oWindow = window.radWindow; //Will work in Moz in all cases, including clasic dialog
           else if (window.frameElement.radWindow) oWindow = window.frameElement.radWindow; //IE (and Moz az well) 
           return oWindow;
       }
       function CloseOnReload() {
           //alert("Dialog is about to close itself");
           GetRadWindow().close();
           RefreshParentPage();
       }
       function RefreshParentPage() {
           //alert("Dialog is about to reload parent page");
           GetRadWindow().BrowserWindow.location.reload();
       }
       function RedirectParentPage(newUrl) {
           alert("Dialog is about to redirect parent page to " + newUrl);
           GetRadWindow().BrowserWindow.document.location.href = newUrl;
       }
       function CallFunctionOnParentPage(fnName) {
           alert("Calling the function " + fnName + " defined on the parent page");
           var oWindow = GetRadWindow();
           if (oWindow.BrowserWindow[fnName] && typeof (oWindow.BrowserWindow[fnName]) == "function") {
               oWindow.BrowserWindow[fnName](oWindow);
           }
       }
       function RefreshParentPageWithoutWarning() {
           GetRadWindow().BrowserWindow.document.forms[0].submit();
       } 
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    <asp:LinkButton ID="lnk2" runat="server" Text="Close" OnClick="lnk2_Click"></asp:LinkButton>
    </div>
    </form>
</body>
</html>
-------------------------------------------------------------------------
Default2.aspx.cs
-------------------
 protected void lnk2_Click(object sender, EventArgs e)
    {
        Page page = HttpContext.Current.Handler as Page;
        ScriptManager.RegisterStartupScript(page, page.GetType(), "err_msg", "CloseOnReload();", true);
  
    }
  









Labels:



0
comments



































      

    










Subscribe to:
Posts (Atom)