利用DW-MX制作ASP.NET链接和补充(3)

2008-02-23 06:14:51来源:互联网 阅读 ()

新老客户大回馈,云服务器低至5折

使用链接显示周详页

在以往UltraDev的使用过程中要链接到显示周详数据页一般都是通过“Go To Detail Page”服务器行为,而NET环境下服务器行为视窗中却没有提供该行为,那么链接该如何做呢?答案还是在DataGrid控件的配置中。

为了方便说明,我们把细节页的要素也放在default.aspx页面中。

先建立一个记录集“DataSet2”用来显示周详信息的,建立方法很简单,如图只是配置序号为URL传递过来的“xid”参数。

在页面中插入一个表格,将“DataSet2”记录集中的字段依次绑定到合适的位置,更有不要忘了使用Server Behaviors → Show Region → Show If DateSet Is Not Empty行为配置当“DataSet2”记录集为空的时候隐藏表格,如下图。

完成后我们要再次编辑DataGrid控件,在对话框中配置序号为传递“xid”参数的链接,在“Columns”域中选择“序号”,然后点击下方的“Change Column Type”转换列类型按钮选择“Hyperlink”超链接项

在弹出的“Hyperlink Culumn”对话框中如下配置

Title:“序号”——显示列的标题

Hyperlink Text:——超链接文字,这里包括有三个项目

Static Text:——您能够在此写入文字作为链接

Data Field:“序号”——您能够选择记录集中的字段来作为链接

Format String:——您能够定义字段的显示格式

Linked Page:——链接到的页面,这里也有三个项目

Static URL:——链接到静态的页面

Date Field:“序号”——这里是指选择“序号”字段作为传递到下页的参数值

Format String:“default.aspx?xid={0}”——使用右边的按钮选择要链接到的页,我们的细节记录也在本页就选择“default.aspx”就可生成前面的字符串,需要注意的是自动生成的参数名称是中文的“序号”文字,我们在建立“DataSet2”记录集时指定参数名为“xid”,所以这里要手工修改。

完成后如下图

点击“OK”返回存盘测试一下吧。

其他的一些补充

1.在DataGrid控件中我们已用过了四种显示类型,也基本知道了他们的使用方法,还剩下一种是“Free Form”。这是一种比较自由的显示类型,您能够在这里加入合并几个动态记录或在其中加入文本,也能够是表达控件,总之这是提供的一个灵活显示手段。

2.大家应该还记得我们在编辑“Hyperlink Culumn”超链接对话框时有个“Format String”项目配置为空的,假如又需要又该如何配置呢?翻阅了ASP.NET文档我们作如下尝试,在此框内加入字符串“{0:X}”,如下图

存盘后在浏览器中我们能够看见下图

“序号”字段是以十六进制格式显示数值的,原因是在格式字符“X”上,下面是几个格式字符说明

C 以货币格式显示数值。
D 以十进制格式显示数值。
E 以科学记数法(指数)格式显示数值。
F 以固定格式显示数值。
G 以常规格式显示数值。
N 以数字格式显示数值。
X 以十六进制格式显示数值。

3.假如需要“序号”字段的链接是以新建窗口形式打开的,那该如何呢?这次DataGrid控件中似乎没有提供此功能,我们试着改改源码吧。转到源码视窗,找到对应“序号”字段的代码:

<asp:HyperLinkColumn
DataNavigateUrlField="序号"
DataNavigateUrlFormatString="default.aspx?xid={0}"
DataTextField="序号"
Visible="True"
HeaderText="序号"/>

在代码最后加上“Target="_new"”字符串,使之成为

<asp:HyperLinkColumn
DataNavigateUrlField="序号"
DataNavigateUrlFormatString="default.aspx?xid={0}"
DataTextField="序号"
Visible="True"
HeaderText="序号"
Target="_new" />

好了,这样就能够了,当您再次点击序号上的链接记录就是以新窗口形式出现了。

Dreamweaver MX中ASP.NET环境下的DataGrid控件基础用处就这些吧,当然您能够利用修改代码获得更多功能,还是老话,Dreamweaver MX在您研发ASP.NET时能够提供效率,而现在所具备功能的还十分不足,所以多看看源码、了解源码还是使用好Dreamweaver MX的关键。

数字面包(http://www.dw-mx.com/)授权酷页(http://www.kupage.com)转载


标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇: Dreamweaver 4中文的大跃进(下)

下一篇: 利用DW-MX制作ASP.NET修改(2)