📄 defaultcs.aspx
字号:
<%@ Page Language="c#" AutoEventWireup="false" Codebehind="DefaultCS.aspx.cs" Inherits="Telerik.GridExamplesCSharp.Styles.SelectedRowStyle.DefaultCS" %>
<%@ 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/Classic/Styles.css" rel="stylesheet" type="text/css" />
<style type="text/css">
.SelectedItem
{
background-image: url(img/SelectedRow.gif);
background-repeat: no-repeat;
background-position: top right;
}
</style>
<script type="text/javascript">
<!--
function RowCreated(gridRow)
{
if ((gridRow.ItemType == "Item") ||
(gridRow.ItemType == "AlternatingItem"))
{
var gridRowTable = gridRow.Owner;
var cell = gridRowTable.GetCellByColumnUniqueName(gridRow, "TemplateColumn");
if (!cell)
return;
var checkBox = GetCheckBox(cell);
if (!checkBox)
return;
gridRow.Selected ? checkBox.checked = true : checkBox.checked = false;
var gridTable = this;
checkBox.onclick = function()
{
gridTable.SelectRow(gridRow.Control, false);
};
}
}
function RowSelected(gridRow)
{
var gridRowTable = gridRow.Owner;
var cell = gridRowTable.GetCellByColumnUniqueName(gridRow, "TemplateColumn");
if (!cell)
return;
var checkBox = GetCheckBox(cell);
if (!checkBox)
return;
gridRow.Selected ? checkBox.checked = true : checkBox.checked = false;
}
function RowDeselected(gridRow)
{
var gridRowTable = gridRow.Owner;
var cell = gridRowTable.GetCellByColumnUniqueName(gridRow, "TemplateColumn");
if (!cell)
return;
var checkBox = GetCheckBox(cell);
if (!checkBox)
return;
gridRow.Selected ? checkBox.checked = true : checkBox.checked = false;
}
function GetCheckBox(control)
{
if (!control)
return;
for (var i = 0; i < control.childNodes.length; i++)
{
if (!control.childNodes[i].tagName)
continue;
if ((control.childNodes[i].tagName.toLowerCase() == "input") &&
(control.childNodes[i].type.toLowerCase() == "checkbox"))
{
return control.childNodes[i];
}
}
}
-->
</script>
<!-- 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="CS"></telerik:header>
<!-- content start -->
<radg:radgrid id="RadGrid1" cssclass="RadGrid" runat="server" allowpaging="True" allowsorting="True"
pagesize="10" width="95%" showfooter="True" allowmultirowselection="True">
<pagerstyle mode="NumericPages" cssclass="GridPager" />
<grouppanel visible="False"></grouppanel>
<headerstyle cssclass="GridHeader" />
<footerstyle cssclass="GridFooter" />
<clientsettings applystylesonclient="True">
<selecting allowrowselect="True"></selecting>
<clientevents onrowdeselected="RowDeselected" onrowselected="RowSelected" onrowcreated="RowCreated"></clientevents>
</clientsettings>
<itemstyle cssclass="GridRow" />
<alternatingitemstyle cssclass="GridRow" />
<selecteditemstyle CssClass="SelectedItem"></selecteditemstyle>
<mastertableview Width="100%" CssClass="MasterTable" style="border-collapse:separate;">
<rowindicatorcolumn uniquename="RowIndicator">
<headerstyle width="20px"></headerstyle>
</rowindicatorcolumn>
<columns>
<radg:gridtemplatecolumn groupable="False" uniquename="TemplateColumn">
<headerstyle width="20px"></headerstyle>
<ItemStyle CssClass="ResizeItem"></ItemStyle>
<itemtemplate>
<asp:checkbox id="CheckBox1" autopostback="False" runat="server"></asp:checkbox>
</itemtemplate>
</radg:gridtemplatecolumn>
</columns>
<expandcollapsecolumn buttontype="ImageButton" visible="False" uniquename="ExpandColumn">
<headerstyle width="19px"></headerstyle>
</expandcollapsecolumn>
</mastertableview>
</radg:radgrid>
<br />
<br />
<!-- content end -->
<telerik:footer runat="server" id="Footer1"></telerik:footer>
</form>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -