AjaxPanel自定义控件实现页面无刷新数据交互
文章作者 100test 发表时间 2007:03:14 16:24:38
来源 100Test.Com百考试题网
(一) . 简要
AjaxPanel, 一个自定义控件, 只要在页面中将AjaxPanel作为父控件, 则它内部的控件在运行时无刷新.
做了个程序试了一下果然比较Cool ! 下面介绍一下具体配置, 配置也比较简单.
(二). 运行示例图
(三). 配置
1. 把 AjaxPanel 添加到工具箱中. 步骤如下:
2. 在Web.Config文件的: <configuration> 节,添加如下配置:
1
2
3
4
6
7
2
3
4
6
7
1
4
5
4
5
(四). 做了上面几步配置后, 下面就可以使用了, 示例代码也非常简单, 具体如下:
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 exampleasp: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 <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 exampleasp: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>
相关文章
int和String互相转换的多种方法
邮箱页面中“删除”和“永久删除”的实现
AjaxPanel自定义控件实现页面无刷新数据交互
编写可在线收发E-mail的JavaApplet
澳大利亚华人论坛
考好网
日本华人论坛
华人移民留学论坛
英国华人论坛