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:
        
















Post a Comment




















      

    










Subscribe to:
Post Comments (Atom)