Ajax 重新绑定 webgrid 数据,利用AJAX与数据岛实现无刷新绑定

利用AJAX与数据岛实现无刷新绑定

更新时间:2007年03月07日 00:00:00   作者:

首先我们今天要用到的是Ajax.NET Professional ,您可以从http://www.schwarz-interactive.de/ 获取关于AJAX.NET的相关信息。其次还需要知道XML数据岛的相关知识。

下面我们先来看一个简单的绑定例子:

第一步先确定XML数据源

John Smith

Visual Notepad

Reference

Specifies a data island

John Smith2

Visual Notepad2

Reference2

Specifies a data island2

John Smith3

Visual Notepad3

Reference3

Specifies a data island3

第二步确定绑定容器,在这里我们使用Table

loading...loading...loading...loading...

把这两段代码Copy到您的HTMl页面运行既可看到效果。

第一段是我们的XML数据源,也就是要绑定的数据,METADATA结点相当于表名, AUTHOR、GENERATOR、PAGETYPE、ABSTRACT相当于列名,下面的Table是用来显示数据的容器。

loading...绑定字段名。

好了,知道这些之后就再来看如何结合Ajax实现无刷新绑定。

第一步:配置Ajax,在Web.config文件中加入配置节:

第二步,编写返回数据集的代码:

public class MyClass

{

[AjaxMethod]

public string GetDataSet()

{

DataSet dst = new DataSet();

DataTable dt = new DataTable();

dt.Columns.Add("Text");

dt.Columns.Add("Number");

Random random = new Random(Guid.NewGuid().GetHashCode());

for (int i = 0; i 

{

DataRow row = dt.NewRow();

row["Text"] = Guid.NewGuid().ToString("N");

row["Number"] = random.Next(100);

dt.Rows.Add(row);

}

dst.Tables.Add(dt);

string text = "";

using(MemoryStream ms = new MemoryStream())

{

dst.WriteXml(ms);

ms.Position = 0;

StreamReader sr = new StreamReader(ms);

text = sr.ReadToEnd();

}

return text;

}

}

第三步:在Page_Load中注册该方法,AjaxPro.Utility.RegisterTypeForAjax(typeof(WebTest1.AjaxTest1));(WebTest1是名称空间的名字)

第四步:添加客户端绑定

CELLSPACING="1" CELLPADDING="1">

姓名年龄

是准备用来存放Xml数据源的容器

第五步:编定加载数据的JavaScript代码

function callback(res)

{

if(!res.error)

{

document.all.oDataPanel.innerHTML = + res.value +;

}

else

{

alert(res.error.Message);

}

}

相关文章

1a1b05c64693fbf380aa1344a7812747.png

这篇文章主要介绍了DropDownList 下拉框选择改变促发事件和防全局刷新(推荐)的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下2016-10-10

4f55910a645b073bc4fc65dc10dc14bd.png

要进行“网络硬盘”功能设计,首先要熟悉.NET中处理文件和文件夹的操作。File类和Directory类是其中最主要的两个类。了解它们将对后面功能的实现提供很大的便利2012-10-10

0ea3c7666119d5615e582f823fb3fad6.png

asp.net 上传图片并同时生成缩略图的代码,需要的朋友可以参考下。2010-02-02

4f96a78db829b1556ff16de21e013c7a.png

通过Cookie,因为它既可以在服务器端对其进行操作,也可在客户端对其进行操作但是缺点是不安全,而且有时客户端会由于安全问题禁用Cookie!2008-12-12

8cc1031babc6aff2319f1c6af8544aa0.png

这篇文章主要和大家一起感受ASP.NET Mvc5+EF7的奇妙之旅,从旅程中认识了解.NET5框架2015-09-09

0c932a99bb7b6f23c937db507070cc7b.png

搞了很长时间了,如何在listview button上添加事件监听,一直是网友们比较在意的,本文将为您解答此疑惑,需要了解的朋友可以参考下2012-12-12

cca732bf65a93ed2ec0ac80c638460fe.png

动态ItemTemplate的实现(译) - item,template...2007-02-02

2d9f31f2af7b675a3d153d2b7f1035a7.png

ASP.NET读取XML文件4种方法分析,需要的朋友可以参考下。2010-03-03

b452cee8ec5cd9e58ab98eba17281e59.png

本篇文章对Lumisoft.NET组件POP3邮件接收与删除操作的使用进行了详细的介绍。需要的朋友参考下2013-05-05

f4838ec7e2d4da28e0b57d4e852dadd4.png

这篇文章主要介绍了深入解读ASP.NET Core身份认证过程实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧2020-10-10

最新评论

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值