AjaxPanel自定义控件实现页面无刷新数据交互(做了个示例程序, 效果确实比较Cool, 用法非常简单! )(示例代码下载)

2006年08月30日 21:51:00
(一) . 简要
AjaxPanel, 一个自定义控件, 只要在页面中将AjaxPanel作为父控件, 则它内部的控件在运行时无刷新.
做了个程序试了一下果然比较Cool ! 下面介绍一下具体配置, 配置也比较简单.
(二). 运行示例图



(三). 配置
1. 把 AjaxPanel 添加到工具箱中. 步骤如下:





2. 在Web.Config文件的: >configuration< 节,添加如下配置:
1 >configSections<
2 >section name="magicAjax" type="MagicAjax.Configuration.MagicAjaxSectionHandler, MagicAjax"/<
3 >/configSections<
4 >magicAjax outputCompareMode="HashCode" tracing="false"<
5 >pageStore mode="NoStore" unloadStoredPage="false" cacheTimeout="5" maxConcurrentPages="5" maxPagesLimitAlert="false"/<
6 >/magicAjax<
7 >configSections<1 >system.web<
2 >httpModules<
3 >add name="MagicAjax" type="MagicAjax.MagicAjaxModule, MagicAjax"/<
4 >/httpModules<
5 >system.web<(四). 做了上面几步配置后, 下面就可以使用了, 示例代码也非常简单, 具体如下:
1.前台页面文件 Magicajax.aspx 代码如下:
1 >body<
2 >form id="form1" runat="server"<
3 >div<
4 >ajax:AjaxPanel ID="AjaxPanel1" runat="server" Font-Bold="True"<
5 >asp:Panel ID="Panel1" runat="server" Font-Size="XX-Large" Height="45px" Width="273px"<
6 AjaxPanel example>/asp:Panel<
7 >br /<
8 >asp:Button ID="Button1" runat="server" BackColor="#FFC080" Height="26px" OnClick="Button1_Click"
9 Text="CreateData" Width="85px" /<
10  
11 >asp:Button ID="Button2" runat="server" BackColor="#FFC080" Height="26px" Text="ClearData"
12 Width="73px" /<>br /<
13 >br /<
14 >asp:GridView ID="GridView1" runat="server" BackColor="White" BorderColor="#E7E7FF"
15 BorderStyle="None" BorderWidth="1px" CellPadding="3" GridLines="Horizontal"<
16 >FooterStyle BackColor="#B5C7DE" ForeColor="#4A3C8C" /<
17 >RowStyle BackColor="#E7E7FF" ForeColor="#4A3C8C" /<
18 >SelectedRowStyle BackColor="#738A9C" Font-Bold="True" ForeColor="#F7F7F7" /<
19 >PagerStyle BackColor="#E7E7FF" ForeColor="#4A3C8C" HorizontalAlign="Right" /<
20 >HeaderStyle BackColor="#4A3C8C" Font-Bold="True" ForeColor="#F7F7F7" /<
21 >AlternatingRowStyle BackColor="#F7F7F7" /<
22 >/asp:GridView<
23 >/ajax:AjaxPanel<
24
25 >/div<
26 >/form<
27 >/body< 2.后台页面文件 Magicajax.aspx.cs 代码如下:
1 public partial class _Default : System.Web.UI.Page
2 {
3 protected void Page_Load(object sender, EventArgs e)
4 {
5
6 }
7 private DataTable CreateStructure()
8 {
9 DataTable dt = new DataTable();
10 dt.Columns.Add(new DataColumn("CategoryID", typeof(int)));
11 dt.Columns.Add(new DataColumn("CategoryName", typeof(string)));
12 dt.Columns.Add(new DataColumn("Price", typeof(int)));
13 return dt;
14 }
15 public DataSet CreateData()
16 {
17 DataSet ds = new DataSet();
18 DataTable dt = this.CreateStructure();
19
20 DataRow drNew = dt.NewRow();
21 drNew = dt.NewRow();
22 drNew["CategoryID"] = 1;
23 drNew["CategoryName"] = "Apple";
24 drNew["Price"] = 2;
25 dt.Rows.Add(drNew);
26
27 drNew = dt.NewRow();
28 drNew["CategoryID"] = 2;
29 drNew["CategoryName"] = "Banana";
30 drNew["Price"] = 3;
31 dt.Rows.Add(drNew);
32
33 drNew = dt.NewRow();
34 drNew["CategoryID"] = 3;
35 drNew["CategoryName"] = "Orange";
36 drNew["Price"] = 1;
37 dt.Rows.Add(drNew);
38
39 drNew = dt.NewRow();
40 drNew["CategoryID"] = 4;
41 drNew["CategoryName"] = "Radish";
42 drNew["Price"] = 2;
43 dt.Rows.Add(drNew);
44
45 drNew = dt.NewRow();
46 drNew["CategoryID"] = 5;
47 drNew["CategoryName"] = "Pen";
48 drNew["Price"] = 3;
49 dt.Rows.Add(drNew);
50
51 drNew = dt.NewRow();
52 drNew["CategoryID"] = 6;
53 drNew["CategoryName"] = "Pencil";
54 drNew["Price"] = 7;
55 dt.Rows.Add(drNew);
56
57 drNew = dt.NewRow();
58 drNew["CategoryID"] = 7;
59 drNew["CategoryName"] = "Ruler";
60 drNew["Price"] = 3;
61 dt.Rows.Add(drNew);
62
63 drNew = dt.NewRow();
64 drNew["CategoryID"] = 8;
65 drNew["CategoryName"] = "Eraser";
66 drNew["Price"] = 5;
67 dt.Rows.Add(drNew);
68
69 ds.Tables.Add( dt );
70 return ds;
71 }
72 protected void Button1_Click(object sender, EventArgs e)
73 {
74 this.GridView1.DataSource = this.CreateData();
75 this.DataBind();
76 }
77 }(五). 示例代码下载
http://www.cnblogs.com/Files/ChengKing/MagicajaxExample.rar

Trackback: http://tb.blog.csdn.net/TrackBack.aspx?PostId=1145922