GridView与UpdatePanel组合无刷新分页

转载 2007年09月28日 09:21:00

这个类子很简单,我把他放最前面。

拖这三控件,ScriptManager、UpdatePanel、GridView,其中GridView放在UpdatePanel里面。设置UpdatePanel的Triggers属性,分别绑定GridView的分页、删除、更新、编辑事件。OK。GridView怎么使用,我就不说了,不会的话去找找资料看看。如下:

<Triggers>
    <asp:AsyncPostBackTrigger ControlID="GridView1" EventName="PageIndexChanging" />
    <asp:AsyncPostBackTrigger ControlID="GridView1" EventName="RowDeleting" />
    <asp:AsyncPostBackTrigger ControlID="GridView1" EventName="RowUpdating" />
    <asp:AsyncPostBackTrigger ControlID="GridView1" EventName="RowEditing" />
</Triggers>

所有代码如下:

<asp:ScriptManager runat="server"  />

            <asp:UpdatePanel runat="server">

                <ContentTemplate>

                    <asp:SqlDataSource runat="server" ConnectionString="<%$ ConnectionStrings:AjaxDbConnectionString %>"

                        SelectCommand="SELECT [id], [namer], [title], [content] FROM [userid]"

                        DeleteCommand="DELETE FROM userid WHERE id=@id"

                        UpdateCommand="UPDATE userid SET [namer]=@namer,[title]=@title,[content]=@content WHERE id=@id">

                        <DeleteParameters>

                            <asp:Parameter />

                        </DeleteParameters>

                        <UpdateParameters>

                            <asp:Parameter />

                            <asp:Parameter />

                            <asp:Parameter />

                        </UpdateParameters>

                        </asp:SqlDataSource>

                    <asp:GridView runat="server" AllowPaging="True" AutoGenerateColumns="False"

                        BackColor="White" BorderColor="#CCCCCC" BorderStyle="None" BorderWidth="1px"

                        CellPadding="3" DataKeyNames="id" DataSourceID="SqlDataSource1" PageSize="2">

                        <FooterStyle BackColor="White" ForeColor="#000066" />

                        <Columns>

                            <asp:BoundField DataField="id" HeaderText="id" InsertVisible="False" ReadOnly="True"

                                SortExpression="id" />

                            <asp:BoundField DataField="namer" HeaderText="namer" SortExpression="namer" />

                            <asp:BoundField DataField="title" HeaderText="title" SortExpression="title" />

                            <asp:BoundField DataField="content" HeaderText="content" SortExpression="content" />

                            <asp:CommandField ShowDeleteButton="True" />

                            <asp:CommandField ShowEditButton="True" />

                        </Columns>

                        <RowStyle ForeColor="#000066" />

                        <SelectedRowStyle BackColor="#669999" Font-Bold="True" ForeColor="White" />

                        <PagerStyle BackColor="White" ForeColor="#000066" HorizontalAlign="Left" />

                        <HeaderStyle BackColor="#006699" Font-Bold="True" ForeColor="White" />

                    </asp:GridView>

                </ContentTemplate>

                <Triggers>

                    <asp:AsyncPostBackTrigger ControlID="GridView1" EventName="PageIndexChanging" />

                    <asp:AsyncPostBackTrigger ControlID="GridView1" EventName="RowDeleting" />

                    <asp:AsyncPostBackTrigger ControlID="GridView1" EventName="RowUpdating" />

                    <asp:AsyncPostBackTrigger ControlID="GridView1" EventName="RowEditing" />

                </Triggers>

            </asp:UpdatePanel>

OK。测试通过!

 

利用GridView与UpdatePanel组合实现无刷新:新增、编辑、删除、分页效果

问题:如何利用GridView与UpdatePanel组合实现无刷新分页、编辑、删除效果? 解决方法: ScriptManager、UpdatePanel、GridView,其中GridVi...
  • leer923
  • leer923
  • 2014年06月27日 16:43
  • 1425

如何利用GridView与UpdatePanel组合实现无刷新:新增、编辑、删除、分页效果?

问题:如何利用GridView与UpdatePanel组合实现无刷新分页、编辑、删除效果? 解决方法:ScriptManager、UpdatePanel、GridView,其中GridView放在Up...
  • webjie
  • webjie
  • 2009年03月13日 19:28
  • 7087

UpdatePanel GridView 无刷新操作

前台代码 Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com...
  • suheonline
  • suheonline
  • 2015年01月20日 13:21
  • 861

关于GridView,UpdatePanel的局部更新与全局更新

今天安装了.net ajax,于是就想将原来的GridView也用上ajax 于是,将GridView放进Updatepannel里,结果发现【删除】按键倒是可以,但如果是【编辑】按键就变成一片空白,...
  • jok127
  • jok127
  • 2009年12月03日 21:34
  • 4361

ASP.NET中使用UpdatePanel实现局部异步刷新方法和攻略

ASP.NET中使用UpdatePanel实现局部异步刷新方法和攻略 UpdatePanel局部刷新的使用 ScriptManager和UpdatePanel控件联合使用可以实现页面异步局部更新的效果...
  • chenhongwu666
  • chenhongwu666
  • 2014年11月22日 23:13
  • 49592

使用AspNetPager与GridView完成分页

由于GridView的分页功能实在是太弱了,所以需要使用强大的AspNetPager来作为分页控件。最简单的办法就是GridView控件下面接着放一个AspNetPager控件,但是这样好像就不能用G...
  • junboyboy
  • junboyboy
  • 2014年04月28日 00:31
  • 1128

AspNetPager + GridView + ASP.NET AJAX 分页无刷新实现

        准备资源:              AspNetPager 下载网址:http://www.webdiyer.com/download/default.aspx           ...
  • rxopt
  • rxopt
  • 2009年01月06日 17:32
  • 6009

Timer和UpdatePanel实现局部刷新

1.将Timer放在UpdatePanel里面和外面实现的刷新效果大不一样。 A.如果放在里面,将看不到刷新效果,很赞,而且正在进行的js代码不会因为刷新而毁灭掉,比如说,我在页面弹出另一个页面,刷新...
  • wei_jie_zhang
  • wei_jie_zhang
  • 2015年02月10日 10:25
  • 1694

GridView万能分页代码

虽然GridView拥有自带分页功能,但很多时候总感觉它太简单了,不贴和实际,所以我们现在来修改一下,让它更使用。 在之间加入如下代码: ">首页 ">前页 ...
  • yangmingxing980
  • yangmingxing980
  • 2014年03月24日 11:45
  • 1236

使用RecycleView打造水平分页GridView

效果特点1.支持纵向,横向,水平分页三种布局方式。 2.支持点击事件。 3.支持分割线设置,支持自定义分页指示器。 4.使用简单方便使用1.在布局文件中定义支持的属性如下2.设置Adapter ...
  • qq_22706515
  • qq_22706515
  • 2016年08月21日 12:16
  • 5596
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:GridView与UpdatePanel组合无刷新分页
举报原因:
原因补充:

(最多只允许输入30个字)