下载首页 | 资讯中心 | 下载分类 | 最近更新 | 排 行 榜 | 国产软件 | 国外软件 | 汉化补丁 |
文章搜索: 分类 关键字 收藏本站设为首页
您的位置:首页网页设计ASP程序 → 使用 ASP+ DataGrid 控件来创建主视图/详细资料视图__教程
使用 ASP+ DataGrid 控件来创建主视图/详细资料视图__教程
日期:2007-5-20 1:22:40 人气:159     [ ]
上一页 [1] [2] [3] [4] [5] [6] [7] [8] [9] [10] 下一页

<property name="Columns">
<asp:BoundColumn HeaderText="ID" DataField="au_id">
<property name="HeaderStyle">
<asp:TableItemStyle Width="100px"/>
</property>
</asp:BoundColumn>
<asp:BoundColumn HeaderText="Name" DataField="au_name">
<property name="HeaderStyle">
<asp:TableItemStyle Width="150px"/>
</property>
</asp:BoundColumn>
<asp:BoundColumn HeaderText="State" DataField="state">
<property name="HeaderStyle">
<asp:TableItemStyle Width="50px"/>
</property>
</asp:BoundColumn>
<asp:HyperLinkColumn Text="Details" DataNavigateUrlField="au_id"
DataNavigateUrlFormatString="Step2a.aspx?AuthorID={0}"/>
</property>

<property name="HeaderStyle">
<asp:TableItemStyle BackColor="DarkRed" ForeColor="White"
Font-Bold="true"/>
</property>

<property name="ItemStyle">
<asp:TableItemStyle ForeColor="DarkSlateBlue"/>
</property>

<property name="AlternatingItemstyle">
<asp:TableItemStyle BackColor="Beige"/>
</property>

</asp:DataGrid>

DataGrid 声明与第 1 步中的 DataGrid 声明几乎一样。已将单独一个 HyperLinkColumn 添加到 Columns 集合。 HyperLinkColumn 用来在 DataGrid 的每行中创建一个可导航的链接。该类型的列允许其 Text 和 NavigateUrl 属性与数据绑定。这样, Text 属性是静态的,而 NavigateUrl 是数据绑定到作者 ID 的(通过设定 DataNavigateUrl 属性)。另外,指定 DataNavigateUrlFormatString 建立一个以 Author ID 为参数的指向详细资料页面的 URL。 因此,每行均包含一个带有“详细资料”超级链接的附加列,而该链接的 URL 以与该行关联的数据为依据。

HyperLinkColumn 代表着向本来只读的数据显示添加交互功能的第一步。

支持该页面 (Step2Page.cs) 的代码与第 1 步相同。添加这一列并不添加任何代码,也不导致任何代码发生变化,因此此处没有列出那些代码。

Step2a.aspx 实施详细资料页面,以显示某一具体作者的详细资料。

Step2a.aspx:

<asp:Panel id="detailsPanel" runat="server">
<table border="0" cellspacing="0" cellpadding="2" width="100%"
style="font-family: verdana; font-size: 8pt">
<tr>
<td width="200"><b>Name:</b></td>
<td width="100%">
<%# DataBinder.Eval(CurrentAuthor, "au_name") %>
</td>
</tr>
<tr>
<td width="200"><b>ID:</b></td>
<td width="100%">
<%# DataBinder.Eval(CurrentAuthor, "au_id") %>
</td>
</tr>
<tr>
<td width="200" valign="top"><b>Address:</b></td>
<td width="100%">
<%# DataBinder.Eval(CurrentAuthor, "address") %><br>
<%# DataBinder.Eval(CurrentAuthor, "city") %>,
<%# DataBinder.Eval(CurrentAuthor, "state") %>
<%# DataBinder.Eval(CurrentAuthor, "zip") %>
</td>
</tr>
<tr>
<td width="200"><b>Phone:<b></td>
<td width="100%">
<%# DataBinder.Eval(CurrentAuthor, "phone") %>
</td>
</tr>
<tr>
<td colspan="2"><b>Title(s) Authored</b></td>
出处:本站原创 作者:佚名
 阅读排行
01.精美qq空间横幅代码
02.最酷qq个性女生网名
03.最新又有免费QQ秀啦《..
04.巧用透明FlaSh扮靓你的..
05.花之神匠代码(最新代码..
06.最新QQ空间免费导航
07.最新免费个人形象设置..
08.最新qq空间flash代码m..
09.CSS技术结合图像实现动..
10.Photoshop光影魔术师:..
11.QQ音速种子狂刷
12.最新QQ空间透明代码
13.PS实例教程:教你制作结..
14.Photoshop光影魔术师:..
15.制作背景图__教程
16.用Photoshop制作漂亮的..
17.如何获得QQ音速种子
18.≤QQ空间代码≥在日志..
19.网页浮动广告的制作代..
20.用Photoshop制作大红灯..
21.常用CSS
22.Photoshop给靓丽美女打..
 推荐文章
·Photoshop 表现技法之..
·快速将你的相片矢量化..
·PHOTOSHOP制作炽热的太..
·用Photoshop制作美丽的..
·流行杀手的娃娃工厂__..
·打造8号台球__教程
·PHOTOSHOP制作待机MM图..
·用Photoshop帮MM做纹身..
·PHOTOSHOP美眉着色绝招..
·PHOTOSHOP花露的制作_..
·PHOTOSHOP渐变工具的巧..
·PHOTOSHOP手绘奥兰多-..
·高难度抠图两种方法__..
·Photoshop高尔夫球的制..
·Photoshop打造精美玉佩..
Eqxia_COM下载站 版权所有 Copyright© 2001-2005 Www.eqxia.COM, All Rights Reserved.