ASP.net技术：AJAX实现留言板信息展开

2008-8-19 22:56:00 来源：顶酷手机网作者：本站整理【大中小】查看评论

实例说明
留言板是目前网络比较流行的、方便的、快捷的一种用来保存留言的网络工具。用户可以通过留言板为网站管理人员留言，也可以作为用户与管理员交流的通信工具。留言板通常应用在企业门户网站、电子商务销售平台网等网站。

技术要点
DynamicPopulate控件提供了一种动态效果，能通过WebService或访问服务器端代码获取一段HTML文本，并替换掉目标控件上原来的内容。DynamicPopulate控件的主要属性及说明如表所示
表 DynamicPopulate控件的属性及说明

属性	说明
TargetControlID	将具备“动态呈现”的Panel控件的值
ClearContentsDuringUpdate	当更新时，是否清除目标元素中的既有HTML内容。若没有指定，将会自动清除 HTML内容，默认值为true
SerivcePath	将要调用的Web服务的URL。如果调用一个页面方法，就不用设置些属性
SerivceMethod	Web服务方法或页面方法的名称
PopulateTriggerControlID	一个选择的属性，用来指定某个控件被单击时，要触发目标元素进行动态呈现
UpdatingCssClass	在异步调用（Asynchronous Call）时，欲套用到目标元素的CSS类属性
CustomScript	替换原本将要调用的Web服务方法或页面方法，改调用指定的脚本（Script），它必须计算机为一个字符串值
ContextKey	将传递给Web方法的任意字符串值。比方说，动态呈现欲显示一个绑定到资料的Repeater, 那么所传入的字符串值可以是目前该行数据的ID值

实现过程
（1）新建一个AJAX网站，命名为07，默认窗体为Default.aspx。

（2）在Default.aspx窗体中主要添加一个ScriptManager控件、一个UpdatePanel控件和一个GridView控件，分别用于管理页面中的AJAX控件、实现局部更新、显示留言板信息。

（3）对GridView控件进行编辑列，添加一个TemplateField项。

（4）编辑GridView模板，在模板中设计代码如下：

<ItemTemplate>
           <table style="height: 1px" width="100%" cellpadding="0" cellspacing="0">
              <tr>
                   <td colspan="3">
              <hr />
                     </td>
                               </tr>
                                 <tr>
                                    <td width="80">
                                                留言标题：</td>
                                            <td colspan="2">
                                                <%# Eval("title") %>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td style="vertical-align: top; height: 11px" width="80">
                                                留言内容：</td>
&