📄 defaultvb.aspx
字号:
<%@ Page AutoEventWireup="false" CodeBehind="DefaultVB.aspx.vb" Inherits="Telerik.WindowExamplesVB.WindowObject.DefaultVB" Language="vb" %>
<%@ Register TagPrefix="telerik" Namespace="Telerik.QuickStart" Assembly="Telerik.QuickStart" %>
<%@ Register TagPrefix="telerik" TagName="Header" Src="~/Common/Header.ascx" %>
<%@ Register TagPrefix="telerik" TagName="HeadTag" Src="~/Common/HeadTag.ascx" %>
<%@ Register TagPrefix="telerik" TagName="Footer" Src="~/Common/Footer.ascx" %>
<%@ Register tagprefix="radW" namespace = "Telerik.WebControls" assembly="RadWindow" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head runat="server">
<telerik:HeadTag runat="server" ID="Headtag1"></telerik:HeadTag>
<!-- custom head section -->
<!-- end of custom head section -->
<style type="text/css">
.RadWHorizontal { BORDER-RIGHT: #808080 1px solid; BORDER-TOP: #808080 1px solid; BORDER-LEFT: #808080 1px solid; WIDTH: 100%; BORDER-BOTTOM: #808080 1px solid; HEIGHT: 25px; BACKGROUND-COLOR: #fafafa }
.RadWVertical { BORDER-RIGHT: #808080 1px solid; BORDER-TOP: #808080 1px solid; FLOAT: left; BORDER-LEFT: #808080 1px solid; WIDTH: 85px; BORDER-BOTTOM: #808080 1px solid; HEIGHT: 400px; BACKGROUND-COLOR: #fafafa }
.OffsetElement
{
background-image: url(../ShowAndPosition/images/offset.gif);
background-repeat: no-repeat;
color: #808080;
width:92px;
padding-top:73px;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
</style>
</head>
<body class="BODY">
<form runat="server" id="mainForm" method="post" style="WIDTH:100%">
<telerik:Header runat="server" ID="Header1" NavigationLanguage="VB"></telerik:Header>
<script type="text/javascript">
/* This must be called -> implement such an event! onactivewindowchange */
function OnActiveWindowChange()
{
var selectedWindow = GetSelectedWindow();
var div = document.getElementById("InfoDiv");
div.innerHTML = "Selected Window: " + oValue;
//Update checkboxes
var check1 = document.getElementById("ToggleVisibilityButton");
check1.checked = selectedWindow.IsVisible();
var check2 = document.getElementById("ToggleModalityButton");
check2.checked = selectedWindow.IsModal();
}
function GetSelectedWindow()
{
var oManager = GetRadWindowManager();
return oManager.GetActiveWindow();
}
function ExecuteWindowCommand (cmdName, arg)
{
var oWnd = GetSelectedWindow()
if (oWnd)
{
switch (cmdName)
{
case "Close":
oWnd.Close();
break;
case "Minimize":
oWnd.Minimize();
break;
case "Restore":
oWnd.Restore();
break;
case "Maximize":
oWnd.Maximize();
break;
case "Reload":
oWnd.Reload();
break;
case "SetVisible":
oWnd.SetVisible(arg);
break;
case "SetUrl":
oWnd.SetUrl(arg);
break;
}
}
else ("No active window at this point. Click on a window title bar to activate it");
}
function ChangeSize()
{
var toIncrease = document.getElementById("ToggleIncreaseButton").checked;
var oWindow = GetSelectedWindow();
var width = oWindow.GetWidth();
var height = oWindow.GetHeight();
var curSizeBox = document.getElementById("CurrentSizeBox");
curSizeBox.value = width + " * " + height;
oWindow.SetSize
(
toIncrease ? width + 40 : width - 40,
toIncrease ? height + 40 : height - 40
)
var curSizeBox = document.getElementById("NewSizeBox");
curSizeBox.value = oWindow.GetWidth() + " * " + oWindow.GetHeight();
}
function MoveActiveWindow()
{
var oWindow = GetSelectedWindow();
var newX = document.getElementById("ActiveWindowXBox").value;
var newY = document.getElementById("ActiveWindowYBox").value;
oWindow.MoveTo(newX, newY);
}
</script>
Click on a window to make it the current active window (that will receive API commands)<br/><br/>
<div class="module" style="width:80%;">
<b>Clientside API</b>
<br/><hr/><br/>
<table id="ConfigTable">
<tr>
<th></th>
<td rowspan="30" valign="top">
<div class="OffsetElement" id="Div1">Div1</div>
<div class="OffsetElement" id="Div2">Div2</div>
<div class="OffsetElement" id="Div3">Div3</div>
</td>
</tr>
<tr>
<td>
Load Url: <input type="text" value="http://www.google.com" id="NewWindowBox" style="vertical-align:middle;width:160px;"/>
<button style="width:150px" onclick="window.radopen(document.getElementById('NewWindowBox').value, null);return false;">Create New Window</button>
</td>
</tr>
<tr>
<td style="padding-left:56px;">
<button onclick="ExecuteWindowCommand('Minimize');return false;">Minimize</button>
<button onclick="ExecuteWindowCommand('Maximize');return false;">Maximize</button>
<button onclick="ExecuteWindowCommand('Restore');return false;">Restore</button>
<br/>
<button onclick="ExecuteWindowCommand('Show');return false;">Show</button>
<button onclick="ExecuteWindowCommand('Close');return false;">Close</button>
<button onclick="ExecuteWindowCommand('Reload');return false;">Reload</button>
<br/>
<input id="ToggleVisibilityButton" checked="checked" type="checkbox" onclick="ExecuteWindowCommand('SetVisible', this.checked)"/>
Toggle Visibility
</td>
</tr>
<tr>
<td><br/><hr/><br/>New Url: <input id="UrlBox" value="http://www.yahoo.com" style="width:160px;vertical-align:middle;"/><button onclick="ExecuteWindowCommand('SetUrl', document.getElementById('UrlBox').value)">Set!</button>
</td>
</tr>
<tr>
<td style="padding-left:54px;">
Current size: <input id="CurrentSizeBox" style="border:0px;background-color:transparent;width:82px;" />
New size: <input id="NewSizeBox" style="border:0px;color:#ff6600;background-color:transparent;"/>
<table cellspacing="0" cellpadding="0">
<tr>
<td>
<input id="ToggleIncreaseButton" checked="checked" type="checkbox"/>Increase Size<br/>
<button onclick="ChangeSize();return false;" style="width:150px;"> Change Size by 40px</button></td>
<td></td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<br/><hr/><br/>
New x: <input id="ActiveWindowXBox" size="3" class="textfield"/>
<br/>
New y: <input id="ActiveWindowYBox" size="3" class="textfield"/> <button onclick="MoveActiveWindow()" style="WIDTH:130px" type="button">
Move to new X, Y</button>
</td>
</tr>
<tr>
<td><br/><br/>"Target" test:
<asp:HyperLink id="HyperLink1" Target="RadWindow3" NavigateUrl="http://www.telerik.com" runat="server">Load page in a window using the 'target' attribute</asp:HyperLink></td>
</tr>
</table>
<br/><br/><b>Serverside properties</b><br/><hr/><br/>
Please review the r.a.d.window mangager example. Most properties <br/>there can be set to individual windows as well.
</div>
<radW:RadWindowManager
id="Singleton"
VisibleOnPageLoad = "true"
OffsetElementId = "Div2"
MinimizeZoneId="HorizontalMinimize"
Title = "New Page"
runat="server">
<windows>
<radW:RadWindow
Runat="server"
Width="330px"
Left="50"
Height="300px"
NavigateUrl="../../TestPage/Default.html" ID="Radwindow1">
</radW:RadWindow>
<radW:RadWindow
Runat="server"
Width="330px"
Height="300px"
Top="30"
Left="80"
NavigateUrl="../../TestPage/Default.html" ID="Radwindow2"></radW:RadWindow>
<radW:RadWindow
id="RadWindow3"
Runat="server"
Width="330px"
Height="300px"
Top="60"
Left="110"
NavigateUrl="../../TestPage/Default.html"></radW:RadWindow>
</windows>
</radW:RadWindowManager>
<telerik:Footer runat="server" ID="Footer1"></telerik:Footer>
</form>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -