189 8069 5689

添加ASP.NET其他的AJAX技术

添加ASP.NET其他的AJAX技术

让客户满意是我们工作的目标,不断超越客户的期望值来自于我们对这个行业的热爱。我们立志把好的技术通过有效、简单的方式提供给客户,将通过不懈努力成为客户在信息化领域值得信任、有价值的长期合作伙伴,公司提供的服务项目有:域名申请雅安服务器托管、营销软件、网站建设、鞍山网站维护、网站推广。

我们完全可以实现类似于包含在TaskView.ascx中的

部分。而且,我们同样可以其中描述每一个任务项,但是却能够把一个常规的基于提交的表单转换成一个支持AJAX技术的表单。这样以来,任务项的编辑与删除操作就可以在局部刷新状态下实现。示例代码中对此作了解释,在此不再赘述。

接下来,我想介绍的是如何添加一些脚本并把它添加到我们的示例程序的UI中创建其他基于AJAX的交互而生成的HTML。具体地说,我想在文本框中添加一个水印效果,此效果为用户输入提供了极为友好的用户直观性提示。只要没有用户输入,此水印效果就会显示出来,而当用户把输入焦点定位于文本框中时即水印效果消失。

当然,篇幅所限,我们也不会过于细致地去讨论脚本本身。有关此脚本详细内容,请参考本文源码,但是需要指出的是这个水印效果被实现为大家可能熟悉的ASP.NET AJAX框架的一个客户端行为(Behavior)组件。就像任何其他行为组件一样,我们的示例中所使用的文本框也是与DOM元素相关联,而且它实现了对此元素引发的相关事件的订阅。

在传统的web表单页面中,我经常会直接使用支持AJAX功能的服务器控件,例如WatermarkExtender,并使之关联到一个服务器控件。但是,在本例中,我使用了另一种扩展方法来实现渲染效果。通过此方法,我也可以实现创建并初始化脚本行为组件的一个实例。下面给出了我更新以后的视图关键部分的代码片断:

 
 
 
  1. <% RenderBeginAjaxForm(Url.Action("Add"),  
  2. new { Update="taskList, UpdateType="appendBottom",  
  3. Highlight="True",  
  4. Starting="startAddTask"Completed="endAddTask" }); %> 
  5.  type="text" name="name" id="nameTextBox" /> 
  6. <% Ajax.Watermark("nameTextBox",  
  7. new { watermarkText="[What do you need to do?]",  
  8. watermarkCssClass="watermark"}); %> 
  9.  
  10.  type="submit" name="addTask" value="Add Task" /> 
  11. <% RenderEndForm(); %> 

上面的扩展方法实现相当简单。其实,它也就是调用了现成的AJAX框架。下面是我定义的WatermarkBehavior类相应的代码:

 
 
 
  1. public static class WatermarkBehavior {  
  2. public static void Watermark(this AjaxHelper ajaxHelper,
    string id, object watermarkOptions) {  
  3. ajaxHelper.RegisterScript("~/Views/Scripts/Watermark.js");  
  4. ajaxHelper.RegisterScriptBehavior(id, "Ajax.Watermark", watermarkOptions);  
  5. }  

当然,我们还可以更细致地控制上面的编码,但这里仅展示了提供搜集注册的脚本功能核心部分的代码片断,以及把它们生成到页面中,然后实例化行为对象,并使其与相应的DOM元素建立关联,以及传递进视图提供的选择以便定制具体的实例介绍添加ASP.NET其他的AJAX技术。

【编辑推荐】

  1. ASP.NET MVC Web应用程序工程
  2. IIS6的ASP.NET ISAPI请求处理过程
  3. ASP.NET控件的七种用户管理相关控件
  4. 对ASP.Net进行RSA加密
  5. ASP.NET得到数据库字符串的方法

本文题目:添加ASP.NET其他的AJAX技术
本文URL:http://cdxtjz.cn/article/djgjjho.html

联系我们

您好HELLO!
感谢您来到成都网站建设公司,若您有合作意向,请您为我们留言或使用以下方式联系我们, 我们将尽快给你回复,并为您提供真诚的设计服务,谢谢。
  • 电话:028- 86922220 18980695689
  • 商务合作邮箱:631063699@qq.com
  • 合作QQ: 532337155
  • 成都网站设计地址:成都市青羊区锣锅巷31号五金站写字楼6楼

小谭建站工作室

成都小谭网站建设公司拥有多年以上互联网从业经验的团队,始终保持务实的风格,以"帮助客户成功"为已任,专注于提供对客户有价值的服务。 我们已为众企业及上市公司提供专业的网站建设服务。我们不只是一家网站建设的网络公司;我们对营销、技术、管理都有自己独特见解,小谭建站采取“创意+综合+营销”一体化的方式为您提供更专业的服务!

小谭观点

相对传统的成都网站建设公司而言,小谭是互联网中的网站品牌策划,我们精于企业品牌与互联网相结合的整体战略服务。
我们始终认为,网站必须注入企业基因,真正使网站成为企业vi的一部分,让整个网站品牌策划体系变的深入而持久。