MagicAjax.Net的使用要点和简单例子

caozuiba

浏览: 905002 次

最近访客更多访客>>

wangyy

u012363178

langke93

Torero

博主相关

博客

微博

相册

留言

关于我

文章分类

全部博客 (1386)

社区版块

存档分类

首先新建个项目，然后添加引用：MagicAjax.dll。然后在配置文件Web.config中放入以下配置：

<addname="MagicAjax"type="MagicAjax.MagicAjaxModule,MagicAjax"/>

</httpModules>

这样我们就能在我们的程序中使用Ajax了。要用ajax技术的.aspx文件中还要加上这句话：

<%@RegisterTagPrefix="ajax"Namespace="MagicAjax.UI.Controls"

Assembly="MagicAjax"%>

接着是一个简单的应用。
首先是.aspx文件的代码：

<%@Pagelanguage="c#"Codebehind="WebForm1.aspx.cs"AutoEventWireup="false"Inherits="example.WebForm1"%>

<%@RegisterTagPrefix="ajax"Namespace="MagicAjax.UI.Controls"

Assembly="MagicAjax"%>

<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.0Transitional//EN">

<HTML>

<HEAD>

<title>WebForm1</title>

<metaname="GENERATOR"Content="MicrosoftVisualStudio.NET7.1">

<metaname="CODE_LANGUAGE"Content="C#">

<metaname="vs_defaultClientScript"content="JavaScript">

<metaname="vs_targetSchema"content="http://schemas.microsoft.com/intellisense/ie5">

</HEAD>

<bodyMS_POSITIONING="GridLayout">

<formid="Form1"method="post"runat="server">

<ajax:AjaxPanelid="AjaxPanel1"runat="server">

<asp:DataGridid="mygrid"Runat="server"></asp:DataGrid>

<asp:Buttonid="Button1"style="Z-INDEX:101;LEFT:48px;POSITION:absolute;TOP:192px"runat="server"

Text="确定"Width="96px"BackColor="Transparent"></asp:Button>

<asp:Buttonid="Button2"style="Z-INDEX:102;LEFT:208px;POSITION:absolute;TOP:192px"runat="server"

Text="确定2"Width="104px"BackColor="Transparent"></asp:Button>

</ajax:AjaxPanel>

<asp:DataGridid="DataGrid1"style="Z-INDEX:103;LEFT:368px;POSITION:absolute;TOP:264px"

runat="server"Width="240px"Height="248px"></asp:DataGrid>

<asp:Buttonid="Button3"style="Z-INDEX:104;LEFT:440px;POSITION:absolute;TOP:576px"runat="server"

Text="Button"Width="104px"Height="32px"></asp:Button>

</form>

</body>

</HTML>

MagicAjax把要实现无刷的控件放在一个AjaxPanel中。在这里，我要用按钮控制DataGrid控件的显示内容，所以我把DataGrid控件和两个Button控件放在AjaxPanel中。

<ajax:AjaxPanelid="AjaxPanel1"runat="server">

<asp:DataGridid="mygrid"Runat="server"></asp:DataGrid>

<asp:Buttonid="Button1"style="Z-INDEX:101;LEFT:48px;POSITION:absolute;TOP:192px"runat="server"

Text="确定"Width="96px"BackColor="Transparent"></asp:Button>

<asp:Buttonid="Button2"style="Z-INDEX:102;LEFT:208px;POSITION:absolute;TOP:192px"runat="server"

Text="确定2"Width="104px"BackColor="Transparent"></asp:Button>

</ajax:AjaxPanel>

接下来是后台代码：

usingSystem;

usingSystem.Collections;

usingSystem.ComponentModel;

usingSystem.Data;

usingSystem.Drawing;

usingSystem.Web;

usingSystem.Web.SessionState;

usingSystem.Web.UI;

usingSystem.Web.UI.WebControls;

usingSystem.Web.UI.HtmlControls;

namespaceexample

{

///<summary>

///WebForm1的摘要说明。

///</summary>

publicclassWebForm1:System.Web.UI.Page

{

protectedSystem.Web.UI.WebControls.DataGridmygrid;

protectedSystem.Web.UI.WebControls.ButtonButton1;

protectedSystem.Web.UI.WebControls.ButtonButton2;

protectedSystem.Web.UI.WebControls.DataGridDataGrid1;

protectedSystem.Web.UI.WebControls.ButtonButton3;

protectedMagicAjax.UI.Controls.AjaxPanelAjaxPanel1;

privatevoidPage_Load(objectsender,System.EventArgse)

{

//在此处放置用户代码以初始化页面

ArrayLista=newArrayList();

a.Add("a");

a.Add("b");

a.Add("c");

mygrid.DataSource=a;

mygrid.DataBind();

}

Web窗体设计器生成的代码

privatevoidButton1_Click(objectsender,System.EventArgse)

{

ArrayLista=newArrayList();

a.Add("aa");

a.Add("bb");

a.Add("cc");

mygrid.DataSource=a;

mygrid.DataBind();

}

privatevoidButton2_Click(objectsender,System.EventArgse)

{

ArrayLista=newArrayList();

a.Add("aaa");

a.Add("bbb");

a.Add("ccc");

mygrid.DataSource=a;

mygrid.DataBind();

}

privatevoidButton3_Click(objectsender,System.EventArgse)

{

ArrayLista=newArrayList();

a.Add("e");

a.Add("f");

a.Add("g");

DataGrid1.DataSource=a;

DataGrid1.DataBind();

}

分享到：

MagicAjax的使用以及“loading”的修改问 ... | sql数据排重

2006-12-18 10:15
浏览 637
评论(0)
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论