分享
 
 
 

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

王朝other·作者佚名  2006-09-05
窄屏简体版  字體: |||超大  

(一) . 简要

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 &nbsp;

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

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有