<b>Dreamwaver MX与ASP.NET(六)</b>[DW设计]

　6．成立记录改正页面

相关介绍(注意:为了能显示代码,以下全部代码都在“<”之后和“>”之前加了空格,不便之处请多谅解!):

对的增添,改正,删除是对的三个基本操作.本节介绍改正记录部份.

STEP 1 改正流程

普通来说,只需求对指定的记录举行更新,所以需求成立搜索页面举行查询,并将查询后果显示在后果页中,并让用户对其举行改正.最后通过提交操作完成更新任务.

首先,成立查询页面.在成立dataset的历程中,我们可以通过过滤器Filter挑选所需的.由于我们将会点击DataList中的链接来到达此页面,所以挑选URL Parameter并操纵关键字CODE来挑选出所需的页面.


[图 6-1挑选]

为此,在站点中新建modify.x文件,并增添DataSet如上图.

Step2 成立细节页面

为了产生链接,首先应成立导航页面.可以对在第3节中成立的DataGrid页面改正到达这样的导航效果.DataGrid的款式是改正的,项一样可以设置为显示有链接的文字.一样在DataList和Repeater中也可以实现一样的功效,都是设置一个超级链接到细节页面.

翻开本来的location2.x文件,改正本来的DataList款式.挑选DataListm单击Edit Columns(如图6-2).在弹出的DataGrid款式对话框(图6-3)中,可以将Location_name的范例设置为Hyperlink.选中Location_name,单击Change Column Type按钮更改成Hyperlink.


[图 6-2 Edit Columns..]


[图 6-3 设置hyperlink]
关于Hyperlink设置以下图,


[图 6-4 设置链接关键字]

显示的域Location_name,衔接关键字为code,需求跳转到的页面就是modify.x页面.点击链接后具体的网址链接将会为

http://yoursite/modify.x?CODE=所点击的记录的code的值

而modify.x页面也将会通过传来的code的值从中查询所需的记录.

为了在modify.x页面中更新,就需求用到表单.这就需求将记录和输入框绑定.在 MX中绑定的方法和 UltraDev中近似.将页面设置如图6-5.新建6个Text Field,1个hiddenField,1个submit按钮,放到得当的位置.此中hiddernField用于保存此记录的CODE值.因为code值为关键字,所以不需改变.


[图 6-5 modify.x页面]

单击Binding标签,将具体项拖到与之对应的text field.同时在Format中可以设置的显示范例.而一样可以将text field的全部属性和源绑定.挑选记录的第一个下拉


[图6-6 Binding] [图 6-7 范例挑选] [图6-8 绑定属性]

列表,设置被源绑定的text Field属性.
STEP 3数据更新

至于更新可以点击Application面板中的Server Behaviors中的”+”按钮,挑选Update Record.


[图 6-9 挑选Update Record]


[图6-10 设置关联]

在弹出的对话框中,需将输入框和相对应更新的源关联起来,并设置范例.此中CODE应为关键字即Primary Key.近似于Insert Record的页面,还要设置成功增添和增添失利跳转到的页面.

目前可以预览一下做好的页面.输入网址http://yoursite/location3.x,可以看到如图6-11的页面.


[图6-11 location3.x页面浏览]

Location_name的一项是可以点击的,并将跳到细节页面modify.x.


[图6-12 更新页面预览]
通过modify.x页面便可以改正现有,并可以通过表单提交事件来更新.

其更新的主要代码以下:

< MM:Update

runat="server"

CommandText='< %# "UPDATE LOCATIONS SET CITY=?, STATE_COUNTRY=?, FAX=?, TELEPHONE=?, ADDRESS=? WHERE CODE=?" % >'

ConnectionString='< %# System.Configuration.ConfigurationSettings.AppSettings("MM_CONNECTION_STRING_location") % >'

DatabaseType='< %# System.Configuration.ConfigurationSettings.AppSettings("MM_CONNECTION_DATABASETYPE_location") % >'

Expression='< %# Request.Form("MM_update") = "form1" % >'

CreateDataSet="false"

SuccessURL='< %# "location3.x" % >'

Debug="true"

>

< Parameters >

< Parameter Name="@CITY" Value='< %# IIf((Request.Form("city") < > Nothing), Request.Form("city"), "") % >' Type="WChar" / >

< Parameter Name="@STATE_COUNTRY" Value='< %# IIf((Request.Form("state") < > Nothing), Request.Form("state"), "") % >' Type="WChar" / >

< Parameter Name="@FAX" Value='< %# IIf((Request.Form("fax") < > Nothing), Request.Form("fax"), "") % >' Type="WChar" / >

< Parameter Name="@TELEPHONE" Value='< %# IIf((Request.Form("tele") < > Nothing), Request.Form("tele"), "") % >' Type="WChar" / >

< Parameter Name="@ADDRESS" Value='< %# IIf((Request.Form("address") < > Nothing), Request.Form("address"), "") % >' Type="WChar" / >

< Parameter Name="@CODE" Value='< %# IIf((Request.Form("hiddenField") < > Nothing), Request.Form("hiddenField"), "") % >' Type="WChar" / >

< /Parameters >

< /MM:Update >

MX是通过mm:update来表识更新的代码的.其格局和MM:Insert近似.