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

最新推荐文章于 2025-08-13 23:54:06 发布

iteye_14265

最新推荐文章于 2025-08-13 23:54:06 发布

阅读量104

点赞数

文章标签： ui c# javascript ViewUI

本文介绍如何通过MagicAjax库在ASP.NET应用程序中实现Ajax功能。首先需创建项目并引入MagicAjax.dll，接着在Web.config中配置HttpModule。通过将控件置于AjaxPanel内，可以实现局部刷新效果。示例代码展示了如何利用按钮触发DataGrid数据更新。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

<httpModules>

<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窗体设计器生成的代码#regionWeb窗体设计器生成的代码

overrideprotectedvoidOnInit(EventArgse)

{

//

//CODEGEN:该调用是ASP.NETWeb窗体设计器所必需的。

//

InitializeComponent();

base.OnInit(e);

}

/**////<summary>

///设计器支持所需的方法-不要使用代码编辑器修改

///此方法的内容。

///</summary>

privatevoidInitializeComponent()

{

this.Button1.Click+=newSystem.EventHandler(this.Button1_Click);

this.Button2.Click+=newSystem.EventHandler(this.Button2_Click);

this.Button3.Click+=newSystem.EventHandler(this.Button3_Click);

this.Load+=newSystem.EventHandler(this.Page_Load);

}

#endregion

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();

}

}

}

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

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