📄 defaultvb.aspx
字号:
<%@ Page Language="vb" AutoEventWireup="false" Codebehind="DefaultVB.aspx.vb" Inherits="Telerik.GridExamplesVBNET.AJAX.RecreateScripts.DefaultVB" %>
<%@ 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="radG" Namespace="Telerik.WebControls" Assembly="RadGrid" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/tr/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<telerik:HeadTag runat="server" ID="Headtag2"></telerik:HeadTag>
<!-- custom head section -->
<link href="../../Styles/ColorSchemes/WinXP/Styles.css" rel="stylesheet" type="text/css" />
<!-- end of custom head section -->
</head>
<body class="BODY">
<form runat="server" id="mainForm" method="post" style="width:100%;">
<telerik:Header runat="server" ID="Header1" NavigationLanguage="VB"></telerik:Header>
<!-- content start -->
<div style="margin-right:13px">
<radg:radgrid id="RadGrid1" Width="100%" cssclass="RadGrid" AutoGenerateColumns="False" EnableAJAX="true" allowsorting="True"
pagesize="20" GridLines="None" allowpaging="True" runat="server">
<headerstyle cssclass="GridHeader"/>
<pagerstyle mode="NumericPages" cssclass="GridPager" Height="18px"/>
<itemstyle cssclass="GridRow" Height="20px" />
<alternatingitemstyle cssclass="GridRow" Height="20px"/>
<mastertableview editmode="InPlace" cssclass="MasterTable" />
<Columns>
<radG:GridTemplateColumn HeaderText="JavaScript after r.a.d.grid">
<ItemTemplate>
<b>JavaScript objects recreation after r.a.d.grid AJAX</b>
<br/>
<br/>
<div id="Container"></div>
<br />
<br />
<asp:Button Text="Recreate scripts" Width="150px" OnClick="Button_Click" CssClass="button" Runat="server" ID="Button1"></asp:Button>
<script type="text/javascript">
/*<![CDATA[*/
window.currentIndex = 0;
var MyImageCollection = new Array("img/img_1.jpg", "img/img_2.jpg", "img/img_3.jpg");
var MyImage = new Image();
MyImage.id = "myImg";
MyImage.src = "img/img_1.jpg";
var ControlsContainer = document.getElementById("Container");
function UpdateImage()
{
NextButton.disabled = (window.currentIndex > MyImageCollection.length - 2)? true : false;
PreviousButton.disabled = (window.currentIndex < 1)? true : false;
MyImage.src = MyImageCollection[window.currentIndex];
}
var PreviousButton = document.createElement("button");
PreviousButton.innerHTML = "« previous";
PreviousButton.disabled = true;
PreviousButton.onclick = function(e)
{
if(!e)
var e = window.event;
if(e.preventDefault)
{
e.preventDefault();
}
window.currentIndex--;
UpdateImage();
};
var NextButton = document.createElement("button");
NextButton.innerHTML = "next »";
NextButton.disabled = false;
NextButton.onclick = function(e)
{
if(!e)
var e = window.event;
if(e.preventDefault)
{
e.preventDefault();
}
window.currentIndex++;
UpdateImage();
};
ControlsContainer.appendChild(PreviousButton);
ControlsContainer.appendChild(NextButton);
ControlsContainer.appendChild(document.createElement("br"));
ControlsContainer.appendChild(MyImage);
/*]]>*/
</script>
</ItemTemplate>
</radG:GridTemplateColumn>
<radG:GridTemplateColumn HeaderText="JavaScript on the fly" HeaderStyle-Width="50%" Itemstyle-VerticalAlign="Top">
<ItemTemplate>
<b>Create JavaScript objects on the fly</b>
<br/><br/>
<asp:Button ID="Button3" Text="Run" OnClick="Button3_Click" runat="server"></asp:Button>
<br /><br />
<div id="ImageChangerContainer"></div>
</ItemTemplate>
</radG:GridTemplateColumn>
</Columns>
</radg:radgrid>
</div>
<br />
<asp:Button ID="Button2" Text="Try PostBack!" Width="120px" CssClass="button" Runat="server"></asp:Button>
<br />
<!-- content end -->
<telerik:Footer runat="server" ID="Footer1"></telerik:Footer>
</form>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -