GridView 72般绝技（四）

添加人：admin

添加时间：2007-08-12 阅读次数：4828

收藏此教程

13.GridView弹出新页面/弹出制定大小位置新窗口：

效果图：

方案一：简单的方法，新窗口不固定大小

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" CellPadding="3" OnRowDeleting="GridView1_RowDeleting" OnRowEditing="GridView1_RowEditing"
2

OnRowUpdating="GridView1_RowUpdating" OnRowCancelingEdit="GridView1_RowCancelingEdit" BackColor="White" BorderColor="#CCCCCC" BorderStyle="None" BorderWidth="1px" Font-Size="12px" >
3

<FooterStyle BackColor="White" ForeColor="#000066" />
4

<Columns>
5

<asp:BoundField DataField="身份证号码" HeaderText="编号" ReadOnly="True" />
6

<asp:BoundField DataField="邮政编码" HeaderText="邮政编码" SortExpression="邮政编码" />
7

<asp:BoundField DataField="家庭住址" HeaderText="家庭住址" />
8

<asp:HyperLinkField HeaderText="姓名" Text="姓名" DataNavigateUrlFields="姓名" DataNavigateUrlFormatString="Default6.aspx?GoodsID={0}" Target="mainframe" NavigateUrl="~/Default6.aspx" DataTextField="姓名" ></asp:HyperLinkField>
9

<asp:CommandField HeaderText="选择" ShowSelectButton="True" />
10

<asp:CommandField HeaderText="编辑" ShowEditButton="True" />
11

<asp:CommandField HeaderText="删除" ShowDeleteButton="True" />
12

</Columns>
13

<RowStyle ForeColor="#000066" />
14

<SelectedRowStyle BackColor="#669999" Font-Bold="True" ForeColor="White" />
15

<PagerStyle BackColor="White" ForeColor="#000066" HorizontalAlign="Left" />
16

<HeaderStyle BackColor="#006699" Font-Bold="True" ForeColor="White" />
17

</asp:GridView>

DataNavigateUrlFields是链接的字段名，DataNavigateUrlFormatString是路径。

方案二：精确控制弹出窗口大小位置
1<asp:HyperLinkColumn DataNavigateUrlField="EmployeeID" DataNavigateUrlFormatString="javascript:varwin=window.open('detail.aspx?ID={0}',null,'width=300,height=200');window.Close();"
2 DataTextField="LastName" HeaderText="LastName"></asp:HyperLinkColumn>

使用的是结合javascript的window.open方法，关于window.open的参数网上有很多帖子，本站也有许多参考

14.GridView固定表头(不用javascript只用CSS!，很好用)：

效果图：

代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2

<html xmlns="http://www.w3.org/1999/xhtml" >
3

<head runat="server">
4

<title>GridView固定表头清清月儿http://blog.csdn.net/21aspnet </title>
5

<style>
6

.Freezing
7

{
8

position:relative ;
10

table-layout:fixed;
11

top:expression(this.offsetParent.scrollTop);
12

z-index: 10;
13

}
14

.Freezing th{text-overflow:ellipsis;overflow:hidden;white-space: nowrap;padding:2px;}
16

</style>
17

</head>
18

<body style="font-size=12px">
19

<form id="form1" runat="server">
20

<div style="overflow-y: scroll; height: 200px;width:300px" id="dvBody">
21

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" CellPadding="3" OnRowDeleting="GridView1_RowDeleting" OnRowEditing="GridView1_RowEditing"
22

OnRowUpdating="GridView1_RowUpdating" OnRowCancelingEdit="GridView1_RowCancelingEdit" BackColor="White" BorderColor="#CCCCCC" BorderStyle="None" BorderWidth="1px" Font-Size="12px" OnRowCreated="GridView1_RowCreated" >
23

<FooterStyle BackColor="White" ForeColor="#000066" />
24

<Columns>
25

<asp:BoundField DataField="身份证号码" HeaderText="编号" ReadOnly="True" />
26

<asp:BoundField DataField="邮政编码" HeaderText="邮政编码" SortExpression="邮政编码" />
27

<asp:BoundField DataField="家庭住址" HeaderText="家庭住址" />
28

<asp:BoundField DataField="姓名" HeaderText="姓名" />
29

</Columns>
31

<RowStyle ForeColor="#000066" />
32

<SelectedRowStyle BackColor="#669999" Font-Bold="True" ForeColor="White" />
33

<PagerStyle BackColor="White" ForeColor="#000066" HorizontalAlign="Left" CssClass="ms-formlabel DataGridFixedHeader"/>
34

<HeaderStyle BackColor="#006699" Font-Bold="True" ForeColor="White" CssClass="Freezing"/>
35

</asp:GridView>
36

</div>
37

</form>
38

</body>
39

</html>

用法：CSS设如上的样式，HeaderStyle加CssClass="Freezing，套住GridView的Div设置高度宽度 <div style="overflow-y: scroll; height: 200px;width:200px" >

相关的教程： GridView GridView 72般绝技技巧

收藏此教程

Currently.-0.05/5
-5
-4
-3
-2
-1
0
1
2
3
4
5

当前平均分: 1.0(6 次打分)

-5-4-3-2-1012345

推荐阅读

添加评论

评论主题
您的大名
您的评论
验证码

评论列表

GridView 72般绝技（四）

GridView 72般绝技（一）

GridView 72般绝技（一）

GridView 72般绝技（三）

GridView 72般绝技（三）

GridView 72般绝技（五）

在GridView显示时间列时，设置时间的格式

扩展GridView控件(11) - 合并指定列的相邻且内容相同的单元格

GridView 72般绝技（五）

GridView 72般绝技（五）

GridView 72般绝技（三）

从零开始学ASP.NET（基础篇）

ASP.NET 2.0轻松实现数据库应用开发

ASP.NET 程序中常用的三十三种代码

GridView 72般绝技（一）

对初学者的建议：ASP.NET技术的学习顺序

单点登录在ASP.NET上的简单实现

ASP.NET数据库编程快速入门之技术慨述

ASP.NET 2.0中构造个性化网页

介绍SubSonic【转】

ASP.NET访问XML的例子

WEB开发者版本级别

基于.NET2.0的System.Net.Mail发送邮件Demo

Asp.Net 文件操作基类(读取,删除,批量拷贝,批量删除,写入)

c#生成与追加xml

一个复杂的Eval()绑定

将服务器上的一个.doc文档另存为到客户端