<b>DreamwaverMX与ASP.NET(二)</b>[DW设计]

2.操纵组件DataGrid显示

相关内容介绍:

自带了很多web组件,加快编的速度.让我们用Dreamwaver MX自带的一个--global的例子,来演示一下若何操纵此组件将里的显示出来.

1.链接和用DataGrid显示

在web页面目录里的assets中有本实例的global.mdb,我们的目的就是将此中的location表中的按照Region_id的值来输出差别区域的资料.(可操纵Access翻开此)

我们可以将location3.htm文件重命名为location3.x(的web窗口文件的后缀为x),此后对其编辑.



[图2-1 需求更改的页面]

让我们来删除中间简单的静态部份,来用的DataGrid来实现其功效.



[图2-2 删除静态部份的页面]
下一步就是链接了.点击右边的Application面板,挑选Database,点击+号,

挑选OLE DB connection.



[图2-3 Application 面板]

接着进入 OLE DB Connection 对话框.这里可以手写链接代码,也可自动生成代码.将Connection Name命名为location,单击Build,通过向导自动生成代码.



[图2-4 OLE DB Connection 对话框]

进入Data Link Properties页面后,挑选Provider设置引擎

下面就是令人惊奇的了,支持21种链接方法此中包含,等等.



[图2-5 引擎供应页面]

这就是的巨好的地方之一,支持多种.其采取了ADO.NET.等一会我们用此向导生成的connection string就是按照ADO.NET写成的.

由于我们将要链接的是Access2000的,所以我们挑选Microsoft Jet 4.0 OLE DB Provider,单击Next.

单击1.Select or enter a database name 旁的按钮,挑选所要链接的

在2.Enter information to log on to the database 中撤消User name和Password



[图2-6 设定链接]

在Advanced 中设置读取的权限.挑选Read, ReadWrite,Write,单击肯定.



[图2-7 设置权限]

增添Connection name,单击Test测试链接,假使链接成功,单击OK.恭喜你,

你已经将链接到你的站点了.下一步就应当是将其用DataGrid显示出来

一样是Application面板,挑选Server Behaviors,

先完成设置,单击deplay,会将自动布置站点,会将Ctrls.dll,web.config以及_mmServerScripts文件夹拷贝到站点目录,是用 MX成立网页必须的文件.



[图2-8 布置站点]
同时先要在根目录下成立bin文件夹,并将Ctrls.dll文件拷贝至此文件夹.

单击+号,先新建一个DataSet.



[图2-9 增添Dataset]

Connection 是挑选源,Table是挑选表,Column是挑选项目,Filter是用于挑选,由于此页面是显示Europe的,故设Entered Value=3.On Failure,Go To是用于处理读取出错时跳到的页面.



[图2-10成立集]

成立DataSet成功后便可以成立DataGrid了.单击+号,挑选DataGrid



[图2-11 增添DataGrid]

Dataset中挑选需求的记录集,Show中设置能否采取分页显示和分页显示的每页记录个数,Navigation中设定导航栏的方法,Columns中可以增添或删除显示的项目.



[图2-12 设置DataGrid]

单击Edit,设置表头的标题.输入标题后,单击OK肯定.



[图2-13 设置标题]

单击OK,增添DataGrid.



[图2-14预览页面]

在预览页面中你可以看到增添了一个DataGrid的区域,按F12预览页面.

下面就是运行后的页面.



[图 2-15 运行后的页面]
2.更改DataGrid的属性

相关内容介绍:

当你看到这个组件的时刻能否会认为看起来颜色不太漂亮,那样就让我们来改变他吧.DataGrid组件具有很多属性,可以通过他来改变DataGrid的款式.

解析代码

　

这是Dreamwaver MX生成的代码,可按照其属性举行改正.

PagerStyle-Mode

可以设置分页显示的情势,NumericPages是以数字分页显示,NextPrev是以”<” “>”标志显示.

HeaderStyle

设置表头的款式.可以设置HorizontalAlign(水平对齐),BackColor(后台颜色),ForeColor(前景颜色),Font-Name(),Font-Bold(能否为粗体),Font-Size(大小)

ItemStyle

设置每个项的款式,此中属性同上

AlternatingItemStyle

假如需求交替项颜色,这可以增添此项,属性同上

FooterStyle

设置页脚款式

PagerStyle

表底款式
Dreamwaver MX也有可以更改DataGrid的款式的对话框.

挑选生成的DataGrid,再其属性面板中单击Edit Columns..



[图2-16 DataGrid的属性面板 ]

进入属性改正页面,我们可以通过”+”,”-”来增减所要的列,同时可以单击Edit设置每一项对应的项,以及Title的名字.单击Change Column可以设置每一项的范例此中包含Free Form(安闲设置每列包含的,并且可以增添自己的内容),Hyperlink(设置为超链接),Edit,Updata,Cancel Buttons(可以用于快速成立管理页面),Delete Button(删除记录)



[图2-17 DataGrid Column属性]



[图2-18 Change Column Type属性]

相信通过这些属性你可以设置你想要的DataGrid.