现在Ajax的应用越来越广,它的好处在这里就不多说了。直接进入主题:
现在这方面技术主要有三种:
1: Ajaxpro.net 2: Atlas 3: MagicAjax
其中Atlas只能用于2.0下,另外两种适合于1.1 2.0 两种版本的都有。
下面的例子是在VS2003,.NET1.1下测试通过。
至于magicajax.dll的使用方法,我大至说一下:
1:当然先引入magicajax.dll
2:在 webconfig增加下面的配置:
<configSections>
<section name="magicAjax" type="MagicAjax.Configuration.MagicAjaxSectionHandler, MagicAjax"/>
</configSections>
<magicAjax outputCompareMode="HashCode" tracing="false" >
<pageStore mode="NoStore"
unloadStoredPage="false"
cacheTimeout="5"
maxConcurrentPages="5"
maxPagesLimitAlert="false" />
</magicAjax>
<system.web>
<httpModules>
<add name="MagicAjax" type="MagicAjax.MagicAjaxModule, MagicAjax" />
</httpModules>
。。。。。。
。。。。。省略
</system.web>
我们现在用一个repeater控件来做为一个显示数据的表格。还是先看页面的代码:
<% ... @ Register TagPrefix="ajax" Namespace="MagicAjax.UI.Controls" Assembly="MagicAjax" %>
<! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
< HTML >
< HEAD >
< title > WebForm1 </ title >
< meta content ="Microsoft Visual Studio .NET 7.1" name ="GENERATOR" >
< meta content ="Visual Basic .NET 7.1" name ="CODE_LANGUAGE" >
< meta content ="JavaScript" name ="vs_defaultClientScript" >
< meta content ="http://schemas.microsoft.com/intellisense/ie5" name ="vs_targetSchema" >
</ HEAD >
< body MS_POSITIONING ="GridLayout" >
< form id ="Form1" method ="post" runat ="server" >
< FONT face ="宋体" > 这是一个简单的用magicajax来实现无刷新分页的例子:(不足的地方,请大家见谅!) < br >
</ FONT >
< ajax:ajaxpanel id ="AjaxPanel1" runat ="server" >
< asp:Repeater id ="Repeater1" runat ="server" >
< HeaderTemplate >
< table id ="table1" Width ="100%" cellspacing ="0" cellSpacing ="1" border ="1" bordercolor ="Gainsboro" >
< tr class ="tr_head" align ="Center" valign ="Middle" >
< td Width ="48" > id </ td >
< td > text </ td >
</ tr >
</ HeaderTemplate >
< AlternatingItemTemplate >
< tr align ="Center" valign ="Middle" >
< td align ="Left" > <% ... # DataBinder.Eval(Container, "DataItem.id") %> </ td >
< td align ="Left" > <% ... # DataBinder.Eval(Container, "DataItem.text") %> </ td >
</ tr >