这篇文章主要讲解了“怎么添加ASP.NET其他的AJAX技术”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“怎么添加ASP.NET其他的AJAX技术”吧!
创新互联公司专注于沽源企业网站建设,成都响应式网站建设公司,商城开发。沽源网站建设公司,为沽源等地区提供建站服务。全流程按需定制,专业设计,全程项目跟踪,创新互联公司专业和态度为您提供的服务
添加ASP.NET其他的AJAX技术
我们完全可以实现类似于包含在TaskView.ascx中的
接下来,我想介绍的是如何添加一些脚本并把它添加到我们的示例程序的UI中创建其他基于AJAX的交互而生成的HTML。具体地说,我想在文本框中添加一个水印效果,此效果为用户输入提供了极为友好的用户直观性提示。只要没有用户输入,此水印效果就会显示出来,而当用户把输入焦点定位于文本框中时即水印效果消失。
当然,篇幅所限,我们也不会过于细致地去讨论脚本本身。有关此脚本详细内容,请参考本文源码,但是需要指出的是这个水印效果被实现为大家可能熟悉的ASP.NET AJAX框架的一个客户端行为(Behavior)组件。就像任何其他行为组件一样,我们的示例中所使用的文本框也是与DOM元素相关联,而且它实现了对此元素引发的相关事件的订阅。
在传统的web表单页面中,我经常会直接使用支持AJAX功能的服务器控件,例如WatermarkExtender,并使之关联到一个服务器控件。但是,在本例中,我使用了另一种扩展方法来实现渲染效果。通过此方法,我也可以实现创建并初始化脚本行为组件的一个实例。下面给出了我更新以后的视图关键部分的代码片断:
<% RenderBeginAjaxForm(Url.Action("Add"), new { Update="taskList, UpdateType="appendBottom", Highlight="True", Starting="startAddTask", Completed="endAddTask" }); %> <% Ajax.Watermark("nameTextBox", new { watermarkText="[What do you need to do?]", watermarkCssClass="watermark"}); %> <% RenderEndForm(); %>
上面的扩展方法实现相当简单。其实,它也就是调用了现成的AJAX框架。下面是我定义的WatermarkBehavior类相应的代码:
public static class WatermarkBehavior { public static void Watermark(this AjaxHelper ajaxHelper,string id, object watermarkOptions) { ajaxHelper.RegisterScript("~/Views/Scripts/Watermark.js"); ajaxHelper.RegisterScriptBehavior(id, "Ajax.Watermark", watermarkOptions); } }
public static class WatermarkBehavior {
public static void Watermark(this AjaxHelper ajaxHelper,string id, object watermarkOptions) {
ajaxHelper.RegisterScript("~/Views/Scripts/Watermark.js");
ajaxHelper.RegisterScriptBehavior(id, "Ajax.Watermark", watermarkOptions);
}
当然,我们还可以更细致地控制上面的编码,但这里仅展示了提供搜集注册的脚本功能核心部分的代码片断,以及把它们生成到页面中,然后实例化行为对象,并使其与相应的DOM元素建立关联,以及传递进视图提供的选择以便定制具体的实例介绍添加ASP.NET其他的AJAX技术。
感谢各位的阅读,以上就是“怎么添加ASP.NET其他的AJAX技术”的内容了,经过本文的学习后,相信大家对怎么添加ASP.NET其他的AJAX技术这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是创新互联,小编将为大家推送更多相关知识点的文章,欢迎关注!
在线咨询
微信咨询
电话咨询
028-86922220(工作日)
18980820575(7×24)
提交需求
返回顶部