JS:
<script language="javascript" type="text/javascript">
function DbClickEvent(d)
{
window.opener.document.getElementById('帐号').value=d;
window.close();
}
function ClickEvent(d)
{
window.alert("事件类型: OnClick 作用对象: " + d);
}
function GridViewItemKeyDownEvent(d)
{
window.alert("事件类型: GridViewItemKeyDownEvent 作用对象: " + d);
}
function KeyDownEvent()
{
if( event.altKey && event.keyCode > 48 && event.keyCode < 54 )
{
window.alert("事件类型: FormKeyDownEvent 选中记录数: " + ( parseInt(event.keyCode) - 48 ));
}
}
</script>
后台:
protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
{
if (e.Row.RowType == DataControlRowType.DataRow)
{
//鼠标移动到每项时颜色交替效果
e.Row.Attributes.Add("OnMouseOut", "this.style.backgroundColor='White';this.style.color='#003399'");
e.Row.Attributes.Add("OnMouseOver", "this.style.backgroundColor='#6699FF';this.style.color='#8C4510'");
//单击/双击 事件
e.Row.Attributes.Add("OnDblClick", "DbClickEvent('" + e.Row.Cells[1].Text + "')");
// e.Row.Attributes.Add("OnClick", "ClickEvent('" + e.Row.Cells[1].Text + "')");
e.Row.Attributes.Add("OnKeyDown", "GridViewItemKeyDownEvent('" + e.Row.Cells[1].Text + "')");
//设置悬浮鼠标指针形状为"小手"
e.Row.Attributes["style"] = "Cursor:hand";
}
}
前台:
<asp:GridView ID="GridView1" runat="server" BackColor="White"
BorderColor="White" BorderStyle="Ridge" BorderWidth="2px" CellPadding="3"
GridLines="None" Width="100%" CellSpacing="1"
onrowdatabound="GridView1_RowDataBound" AllowPaging="True"
onrowcreated="GridView1_RowCreated" onrowcommand="GridView1_RowCommand">
<FooterStyle BackColor="#C6C3C6" HorizontalAlign="Center" ForeColor="Black" />
<RowStyle BackColor="#ECF4F7" HorizontalAlign="Center" ForeColor="Black" />
<EmptyDataRowStyle BackColor="#E3EBEE" BorderStyle="None" />
<PagerStyle BackColor="#C6C3C6" ForeColor="Black" HorizontalAlign="Right" />
<SelectedRowStyle BackColor="#9471DE" Font-Bold="True" ForeColor="White" />
<HeaderStyle BackColor="#4A3C8C" Font-Bold="True" ForeColor="#E7E7FF"
HorizontalAlign="Center" />
<EditRowStyle BorderStyle="Dotted" />
<AlternatingRowStyle HorizontalAlign="Center" />
</asp:GridView>