Ext.Net- GirdPanel进行分页

最新推荐文章于 2017-01-09 22:31:53 发布
最新推荐文章于 2017-01-09 22:31:53 发布
阅读量159 收藏
点赞数
文章标签： xhtml c# ui
原文链接：http://www.cnblogs.com/cxeye/articles/2837432.html
版权

　　分页存储, 这也是一个老生常谈的话题了. 因为工作需要,要接触EXT.NET, 所以今天的劳动是试使用EXT.NET进行分页存储.

　　Ext.Net有一个GirdPanel，他有内置的分页存储功能，他内置的分页存储需要先一次性把数据全部取出来的，像SQL语句的select * from 表; 如果数据量小的话，一次性全部取出来再进行分页，那OK，没有任何问题。但是如果你的数据库的记录数达到上万行的时候，这样做需要耗费几秒的时间。单一个GirdPanel的读取就需要好几秒，再加上其他页面加载，用户有时间在一个页面上停留超过10秒吗？ 当然NO

　　所以使用分页存储过程来进行分页,是很重要的. 好了贴代码

　　HTML页面代码:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="test2.aspx.cs" Inherits="YMHExample.test2" %>

<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <ext:ResourceManager ID="ResourceManager1" runat="server">
        </ext:ResourceManager>
        <!--GirdPanel内容-->
        <ext:GridPanel ID="GridPanel1" runat="server" TrackMouseOver="true" Title="会议列表"
            Header="false" Icon="Table" AutoHeight="true">
            <Store>
                <ext:Store runat="server" ID="Store1">
                    <Reader>
                        <ext:JsonReader IDProperty="id">
                            <Fields>
                                <ext:RecordField Name="id" />
                                <ext:RecordField Name="name" />
                                <ext:RecordField Name="ftype" />
                                <ext:RecordField Name="contents" />
                                <ext:RecordField Name="fcount" />
                                <ext:RecordField Name="stime" Type="Date" />
                                <ext:RecordField Name="etime" Type="Date" />
                                <ext:RecordField Name="state" />
                                <ext:RecordField Name="addtime" Type="Date" />
                                <ext:RecordField Name="edittime" Type="Date" />
                                <ext:RecordField Name="createname" />
                            </Fields>
                        </ext:JsonReader>
                    </Reader>
                </ext:Store>
            </Store>
            <ColumnModel ID="ColumnModel1" runat="server">
                <Columns>
                    <ext:RowNumbererColumn />
                    <ext:Column Header="状态" Sortable="false" DataIndex="state" Width="60" Align="Center">
                    </ext:Column>
                    <ext:Column Header="会议名称" Sortable="false" DataIndex="name" />
                    <ext:Column Header="会议类型" Sortable="false" DataIndex="ftype" Align="Center" Width="60" />
                    <ext:Column Header="会议内容" Sortable="false" DataIndex="contents" />
                    <ext:Column Header="参会人数" Sortable="false" DataIndex="fcount" />
                    <ext:Column Header="开始时间" Sortable="false" DataIndex="stime" Width="120">
                        <Renderer Fn="Ext.util.Format.dateRenderer('Y-m-d H:i')" />
                    </ext:Column>
                    <ext:Column Header="结束时间" Sortable="false" DataIndex="etime" Width="120">
                        <Renderer Fn="Ext.util.Format.dateRenderer('Y-m-d H:i')" />
                    </ext:Column>
                    <ext:Column Header="创建人" Sortable="false" DataIndex="createname" />
                    <ext:Column Header="添加时间" Sortable="false" DataIndex="addtime" Width="120">
                        <Renderer Fn="Ext.util.Format.dateRenderer('Y-m-d H:i')" />
                    </ext:Column>
                    <ext:Column Header="修改时间" Sortable="false" DataIndex="edittime" Width="120">
                        <Renderer Fn="Ext.util.Format.dateRenderer('Y-m-d H:i')" />
                    </ext:Column>
                </Columns>
            </ColumnModel>
            <SelectionModel>
                <ext:RowSelectionModel runat="server" ID="RowSelectionModel1" SingleSelect="true" />
            </SelectionModel>
            <BottomBar>
                <ext:Toolbar ID="Toolbar2" runat="server">
                    <Items>
                        <ext:Button runat="server" ID="btnFirst" Icon="ControlStartBlue">
                            <DirectEvents>
                                <Click OnEvent="btnFirst_Click">
                                    <EventMask ShowMask="true" Msg="正在翻页..." />
                                </Click>
                            </DirectEvents>
                        </ext:Button>
                        <ext:Button runat="server" ID="btnPrev" Icon="ControlRewindBlue">
                            <DirectEvents>
                                <Click OnEvent="btnPrev_Click">
                                    <EventMask ShowMask="true" Msg="正在翻页..." />
                                </Click>
                            </DirectEvents>
                        </ext:Button>
                        <ext:NumberField runat="server" ID="txtPageIndex" MinValue="1" Width="90" Text="1">
                        </ext:NumberField>
                        <ext:Button runat="server" ID="btnGopage" Icon="ControlRepeatBlue">
                            <DirectEvents>
                                <Click OnEvent="btnGopage_Click">
                                    <EventMask ShowMask="true" Msg="正在翻页..." />
                                </Click>
                            </DirectEvents>
                        </ext:Button>
                        <ext:Button runat="server" ID="btnNext" Icon="ControlFastforwardBlue">
                            <DirectEvents>
                                <Click OnEvent="btnNext_Click">
                                    <EventMask ShowMask="true" Msg="正在翻页..." />
                                </Click>
                            </DirectEvents>
                        </ext:Button>
                        <ext:Button runat="server" ID="btnLast" Icon="ControlEndBlue">
                            <DirectEvents>
                                <Click OnEvent="btnLast_Click">
                                    <EventMask ShowMask="true" Msg="正在翻页..." />
                                </Click>
                            </DirectEvents>
                        </ext:Button>
                        <ext:Label runat="server" ID="lbl_DisplayMsg">
                        </ext:Label>
                    </Items>
                </ext:Toolbar>
            </BottomBar>
        </ext:GridPanel>
    </div>
    </form>
</body>
</html>

　　C#代码

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using Ext.Net;
using System.Data.SqlClient;
using System.Data;

namespace YMHExample
{
    public partial class test2 : System.Web.UI.Page
    {

        private static int pageCount = 1;

        protected void Page_Load(object sender, EventArgs e)
        {
            if (!IsPostBack)
            {
                pageCount = GetPangCount() / 10 + 1; //在页面加载的时候 计算出页的总数
                int pageIndex = Convert.ToInt32(txtPageIndex.Text);
                GirdPanelBind("meeting", "*", "id", "asc", 10, pageIndex, "");
                InitParameters();
            }
        }

        /// <summary>
        /// 绑定GirdPanel 分页存储过程
        /// </summary>
        /// <param name="tblName">表名 meeting</param>
        /// <param name="strFields">字段 *</param>
        /// <param name="strOrder">排序字段值 id</param>
        /// <param name="strOrderType">按什么方式排序 asc desc</param>
        /// <param name="PageSize">分页大小</param>
        /// <param name="PageIndex">分页索引</param>
        /// <param name="strWhere">查询条件 无则填空字符串</param>
        protected void GirdPanelBind(string tblName, string strFields, string strOrder, string strOrderType, int PageSize, int PageIndex, string strWhere)
        {
            using (SqlConnection conn = new SqlConnection("server=.;database=YHM;uid=sa;pwd=123456"))
            {
                conn.Open();
                using (SqlCommand cmd = new SqlCommand("proc_SplitPage", conn))
                {
                    cmd.CommandType = CommandType.StoredProcedure;
                    SqlParameter[] paras = {  
                        new SqlParameter("@tblName",SqlDbType.NVarChar,50), 
                        new SqlParameter("@strFields",SqlDbType.NVarChar,50),
                        new SqlParameter("@strOrder",SqlDbType.NVarChar,50),
                        new SqlParameter("@strOrderType",SqlDbType.NVarChar,50),
                        new SqlParameter("@PageSize",SqlDbType.Int),
                        new SqlParameter("@PageIndex",SqlDbType.Int),
                        new SqlParameter("@strWhere",SqlDbType.NVarChar,50)
                    };

                    paras[0].Value = tblName;
                    paras[1].Value = strFields;
                    paras[2].Value = strOrder;
                    paras[3].Value = strOrderType;
                    paras[4].Value = PageSize;
                    paras[5].Value = PageIndex;
                    paras[6].Value = "";

                    cmd.Parameters.AddRange(paras);
                    DataTable dt = new DataTable();
                    SqlDataReader dr = cmd.ExecuteReader();
                    dt.Load(dr);

                    this.Store1.DataSource = dt;
                    this.Store1.DataBind();
                }
            }
        }

        /// <summary>
        /// 获得总的记录数
        /// </summary>
        protected int GetPangCount()
        {
            using (SqlConnection conn = new SqlConnection("server=.;database=YHM;uid=sa;pwd=123456"))
            {
                conn.Open();
                using (SqlCommand cmd = new SqlCommand("select count(*) from meeting", conn))
                {
                    int pageCount = (int)cmd.ExecuteScalar();
                    return pageCount;
                }
            }

        }


        #region 分页
        /// <summary>
        /// 显示处理
        /// </summary>
        private void InitParameters()
        {
            int PageSize = 10;
            lbl_DisplayMsg.Text = "  显示第 " + (((Convert.ToInt32(txtPageIndex.Text) - 1) * 10) + 1) + " 条到 " + (((Convert.ToInt32(txtPageIndex.Text) - 1) * PageSize) + PageSize) + " 条记录，一共 " + pageCount + " 页";

        }

        /// <summary>
        /// 首页
        /// </summary>
        protected void btnFirst_Click(object sender, DirectEventArgs e)
        {
            txtPageIndex.Text = "1";
            GirdPanelBind("meeting", "*", "id", "asc", 10, 1, "");
        }

        /// <summary>
        /// 下一页
        /// </summary>
        protected void btnNext_Click(object sender, DirectEventArgs e)
        {
            int pageIndex = Convert.ToInt32(txtPageIndex.Text);
            if (pageIndex < pageCount)
            {
                pageIndex++;
                txtPageIndex.Text = pageIndex.ToString();
                GirdPanelBind("meeting", "*", "id", "asc", 10, pageIndex, "");
            }
        }

        /// <summary>
        /// 上一页
        /// </summary>
        protected void btnPrev_Click(object sender, DirectEventArgs e)
        {
            int pageIndex = Convert.ToInt32(txtPageIndex.Text);
            if (pageIndex > 0)
            {
                pageIndex--;
                txtPageIndex.Text = pageIndex.ToString();
                GirdPanelBind("meeting", "*", "id", "asc", 10, pageIndex, "");
            }
        }

        /// <summary>
        /// 跳转到尾页
        /// </summary>
        protected void btnLast_Click(object sender, DirectEventArgs e)
        {
            int pageIndex = GetPangCount() / 10 + 1;
            txtPageIndex.Text = pageIndex.ToString();
            GirdPanelBind("meeting", "*", "id", "asc", 10, pageIndex, "");
        }

        /// <summary>
        /// 跳转到指定页面
        /// </summary>
        protected void btnGopage_Click(object sender, DirectEventArgs e)
        {
            int pageIndex = Convert.ToInt32(txtPageIndex.Text);
            txtPageIndex.Text = txtPageIndex.Text;
            GirdPanelBind("meeting", "*", "id", "asc", 10, pageIndex, "");
        }
        #endregion

    }
}

表结构:

效果图:

转载于:https://www.cnblogs.com/cxeye/articles/2837432.html

躲不过这哀伤
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
[ExtNet] GridPanel怎么实现服务器端分页、排序、查询?--Oracel存储过程分页
德仔
09-13 4894
A.前端aspx文件 i.store定义 <ext:Store ID="StoreIma" runat="server" OnRefreshData="StoreIma_OnRefreshData"> <Reader> <ext:JsonReader> <Fields&g...
EXT.NET1.0带自定义页大小的分页
04-29
EXT.NET1.0带自定义页大小的分页,有一些小的问题，大家下载可以完善一下。
Ext.Net 1.2.0_Ext.Net.GridPanel 服务器端分页
weixin_34124939的博客
12-17 126
本文内容 概述 演示 GridPanel 服务器端分页 运行结果 备注 修改记录   概述 分页都有两种，要么在客户端，要么在服务器端。Ext.Net 也不例外。而它的服务器端分页，是 Ext.Net.Store 的代理中，利用处理程序（.ashx）或是 Web Service（.asmx）方式等实现。参考 http://examples.ex...
Ext.NET 4.1.0 GridPanel数据分页
weixin_33853827的博客
09-01 142
针对大量数据在前端展示，需要进行分页显示，这里我使用的数据量为100万，数据存储在MongoDb中(也可以存储在本地文件或其它数据库中)。最终显示效果如下： 步骤如下： 1.新建程序并配置，详见http://www.cnblogs.com/zhangtingzu/p/5746722.html，里面有具体的步骤； 2.新建数据类Model：学生类实体 1 public ...
Ext.Net 服务器端分页 存储过程
04-16
真正实现Ext.net的服务器端分页，带存储过程，数据库用aspnet_regsql.exe工具自动生成就行了，不懂的朋友上网查下就知道了
examples.ext.net-5.zip
10-12
本篇文章将围绕"examples.ext.net-5.zip"这个压缩包中的实例代码进行深入探讨，旨在帮助开发者理解和掌握EXT.NET 5.2在WebForm中的应用。 首先，EXT.NET 5.2的主要改进包括组件的增强、性能优化以及对最新浏览器的...
ext.net-extjs
04-11
自动生成行号，支持checkbox全选，动态选择显示哪些列，支持本地以及远程分页，可以对单元格按照自己的想法进行渲染，这些也算可以想到的功能。 再加上可编辑grid，添加新行，删除一或多行，提示多行数据，拖拽改变...
ext4-exactor.zip
07-01
总之，EXT4-extractor是Android开发和维护中的一款实用工具，它为开发者提供了一种便捷的方式来解析和理解EXT4文件系统，从而进行问题排查、数据分析和潜在的数据恢复工作。掌握EXT4文件系统和EXT4-extractor的使用...
Ext.NET 3.1破解版
01-17
Ext.NET 3.1破解版,仅供参考和学习!
extjs2.0:GridPanel分页例子
aa00aa00的专栏
01-06 110
&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;&lt;head&gt;&lt;meta h
Ext.net后台分页增删改
09-25
Ext.net数据库后台分页，树状图，Grid增删改查，由于公司下个项目要用到Ext.net，所以就写了一个小小的列子，说实话Ext.net网上资源太少了！一直在琢磨中！
Ext2.2.GridPanel分页处理+dwrproxy(js对象和json两种数据)
03-01
NULL 博文链接：https://redboy5711.iteye.com/blog/259913
四个完美分页(翻页)控件
05-15
以下是我用过的几个完美的翻页控件，可为DataList,GridView,Repeater,DataGrid以及自定义控件进行分页有问题可QQ咨询我，QQ 27484212 执行情况 数据量 10万条 1秒 数据量 20万条 2秒 数据量 40万条 5秒
用Ext-4.2简单实现分页效果
starjuly的专栏
01-09 2746
用Ext-4.2简单实现分页效果
Ext Grid Json分页（asp.net）
孤灯下的倩影的专栏
03-01 817
首先感叹extjs的强大，无以言表！ 今天瞎弄了很久的grid，看了很多网上的例子和教程，终于搞定了分页和返回的json数据中存在换行符的问题 。 刚开始参照网上的例子怎么弄都不能分页，经过调试发现ds.load({params:{start:0,limit:10}});这句话中的参数在后台用Request.QueryString["start"]这种方式获取不到数据，困了我好久，一直
ExtJS中GridPanel一次性加载500条以上数据(不分页),性能超级差,有时导致浏览器卡死!...
thtwinj2ee的专栏
05-02 414
请问：GridPanel中想显示N条记录，不过不能够分页，而且第一次可能显示100条，然后慢慢的不停的向表格中添加数据(数据是先取出来,然后通过store.add方法添加进去的)，一次可能添加100条，1000条.....,这样子，添加之后，浏览器都卡住了。所以不知道大家有没有好的方法呢？ 自己使用:Ext.ux.grid.livegrid.GridPanel不过如果是先将数据取到，再添加的...
Ext.Net 1.x_Ext.Net.GridPanel之存储过程分页Sql版本
德仔
03-29 4194
1.分页存储过程 ALTER procedure [dbo].[AspNetPage] @tblName varchar(1000), -- 表名 @SelectFieldName varchar(4000), -- 要显示的字段名(不要加select) @strWhere varchar(4
Ext.NET Web应用开发实战指南
"这是一本关于Ext.NET Web应用程序开发的教程，作者Anup Shah，由Packt Publishing出版。...该书初次出版于2012年11月，因此，部分内容可能已随技术发展而过时，建议结合最新版的Ext.NET文档和社区资源进行学习。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值