Ext.grid.Panel表格分页存储过程

本人开发的开发者技术变现资源聚集地,大家支持下，下面是网址

https://www.baiydu.com

  /*首先需要引入两个Extjs插件类  Ext.ux.data.PagingMemoryProxy和Ext.ux.ProgressBarPager这两个类*/

 /*下面是控制弹出窗体放大缩小时窗体居中的方法*/
 1 var HotalOrderResizeCenterWindow;
 Ext.EventManager.onWindowResize(function() {
     if (HotalOrderResizeCenterWindow) {
         HotalOrderResizeCenterWindow.setHeight(480);
         HotalOrderResizeCenterWindow.setWidth(1225);
         HotalOrderResizeCenterWindow.center()
     }
 });

  /*下面这个方法是根据加载STORE值时，控制某字段样式的*/
 function changeIsOrNoReturnRoom(val) {
     if (val == '未退房') {
         return '<span style="color:black;">' + val + '</span>'
     } else if (val == "已退房") {
         return '<span style="color:red;">' + val + '</span>'
     }
     return val
 }

  /*store的实体类*/
 Ext.define('RoomOrder', {
     extend: 'Ext.data.Model',
     idProperty: 'roomorder',
     fields: [{
         name: 'orderId'
     }, {
         name: 'orderForAdmin'
     }, {
         name: 'orderCustomerName'
     }, {
         name: 'orderCustomerIDcard'
     }, {
         name: 'orderCustomerPhone'
     }, {
         name: 'orderRoomNumber'
     }, {
         name: 'orderRoomPrice',
         type: 'float'
     }, {
         name: 'orderCashPledge',
         type: 'float'
     }, {
         name: 'orderOpenRoomTime'
     }, {
         name: 'orderRuleReturnRoomTime'
     }, {
         name: 'orderCheckInDayCount'
     }, {
         name: 'orderIsOrNoReturnRoom'
     }, {
         name: 'orderReturnRoomTime'
     }]
 });

  /*gride的store*/
 var store = Ext.create('Ext.data.Store', {
     model: 'RoomOrder',
     pageSize: 3,/*这个参数就是每页加载数据的条数,这个参数都会在你POST或GET时，自动加为参数*/
     autoLoad: true,
     proxy: {
         type: 'ajax',
         url: 'shareMediumPage.ashx',
         reader: {
             root: 'data',
                       /*totalProperty这个字段很重要是符合查询条件的所有数据的总条数，虽然
查询时只需要查询出需要的部分，但是返回的数据中必须加上这个总数量字段，这个字段原本在你数据库的表中肯定是没有，需要你反回数据时自加上，后面数据库部分有说明*/
             totalProperty: 'allCount'
         },
         extraParams: {
             sign: '12',
             loadSign: '0'
         }
     },
     remoteSort: true,
     listeners: {
         beforeload: function() {}
     }
 });
   /*gride的tabbar*/
 var orderContronllerBar = Ext.create("Ext.Toolbar", {
     items: ['', "-",
     {
         xtype: "splitbutton",
         text: '未退房',
         menu: true,
         handler: function() {
             alert("liaohang")
         },
     }, '', "-",
     {
         xtype: "splitbutton",
         text: '已退房',
         handler: function() {
             alert("liaohang")
         }
     }, "关键字:",
     {
         xtype: 'textfield',
         id: 'searchBar'
     }, {
         xtype: 'button',
         text: "搜索",
         handler: function() {
             alert("al;ksdfjaljdsfljfas") store.load({
                 params: {
                     keyword: Ext.getCmp("searchBar").getValue()
                 }
             })
         }
     }]
 });

  /*grid类*/
 Ext.define('HotalOrderWindowContentPanelClass', {
     extend: 'Ext.grid.Panel',
     xtype: 'OrderPanelXtype',
     id: "orderListGridPanel",
     title: '订单',
     store: store,
     columns: [new Ext.grid.RowNumberer({
         text: "序号",
         width: 40,
         dataIndex: function(value, metadata, record, rowIndex) {
             return 1 + rowIndex
         }
     }),
     {
         id: 'orderCustomerName',
         text: '姓名',
         sortable: true,
         dataIndex: 'orderCustomerName',
         width: 75
     }, {
         text: '身份证号',
         sortable: true,
         dataIndex: 'orderCustomerIDcard',
         width: 175
     }, {
         text: '电话',
         sortable: true,
         dataIndex: 'orderCustomerPhone',
         width: 120
     }, {
         text: '房号',
         sortable: true,
         dataIndex: 'orderRoomNumber',
         width: 100
     }, {
         text: '价格',
         sortable: true,
         renderer: Ext.util.Format.usMoney,
         dataIndex: 'orderRoomPrice',
         width: 100
     }, {
         text: '押金',
         sortable: true,
         renderer: Ext.util.Format.usMoney,
         dataIndex: 'orderCashPledge',
         width: 100
     }, {
         text: '入住时间',
         sortable: true,
         dataIndex: 'orderOpenRoomTime',
         width: 125
     }, {
         text: '必须退房时间',
         sortable: true,
         dataIndex: 'orderRuleReturnRoomTime',
         width: 125
     }, {
         text: '入住天数',
         sortable: true,
         dataIndex: 'orderCheckInDayCount',
         width: 75
     }, {
         text: '是否退房',
         sortable: true,
         renderer: changeIsOrNoReturnRoom,
         dataIndex: 'orderIsOrNoReturnRoom',
         width: 75
     }, {
         text: '退房时间',
         sortable: true,
         dataIndex: 'orderReturnRoomTime',
         width: 134
     }],
     stripeRows: true,
     tbar: orderContronllerBar,
     height: 450,
     width: 1210,
     frame: true,
     bbar: Ext.create('Ext.PagingToolbar', {
         store: store,
         displayInfo: true,
         plugins: Ext.create('Ext.ux.ProgressBarPager', {})
     })
 })

  /*主窗体*/
  Ext.define("HotalOrderWindowClass", {
     extend: "Ext.window.Window",
     requests: [],
     id: 'HotalOrderManagerWindow',
     xtype: 'HotalOrderManagerXtype',
     title: "订单管理",
     height: 480,
     width: 1225,
     autoRender: true,
     region: 'center',
     autoScroll: false,
     closable: true,
     border: 0,
     plain: true,
     layout: 'border',
     closeAction: 'hide',
     draggable: true,
     floating: true,
     items: [{
         xtype: 'OrderPanelXtype',
         title: '',
         frame: true,
     }],
     listeners: {
         'show': function(e) {},
         'beforeshow': function(o) {
             HotalOrderResizeCenterWindow = o
         },
         'destroy': function(o) {
             HotalOrderResizeCenterWindow = null
         }
     }
 })

/*Post页面代码  shareMediumPage.ashx*/

  public void ProcessRequest(HttpContext context)
      {
          HttpResponse res = context.Response;
          shareMediumPage master = new shareMediumPage();
          HttpRequest req = context.Request;
          JavaScriptSerializer jss = new JavaScriptSerializer();
          int sgin =Convert.ToInt32( req["sign"]);
          string adminName = "adsfasaf";
          int sPage = Convert.ToInt32(req["page"]);//extjs自加的参数
          int sStart = Convert.ToInt32(req["start"]);//extjs自加的参数
          int sLimit = Convert.ToInt32(req["limit"]);//extjs自加的参数
           //由于我们是在存储过程中处理的，所以三个参数中我们只需要两个 sPage, sLimit

          string currentDatetime = DateTime.Now.ToString("yyyy-MM-dd hh:mm:ss");
          currentDatetime = Convert.ToDateTime(currentDatetime).Ticks.ToString();
          res.Write(OptionLoadOrder(req["loadSign"].ToString(), adminName, currentDatetime, sPage, sLimit));
          res.ContentType = "text/plain";
          res.End();

      }

  public String OptionLoadOrder(string loadSign, string adminName, string currentDatetime, int pageIndex, int pageSize)
       {  

           shareParameter = new SqlParameter[] { new SqlParameter("@loadSign", loadSign), new SqlParameter("@adminName", adminName), new SqlParameter("@currentDatetime", currentDatetime)
             , new SqlParameter("@PageIndex", pageIndex), new SqlParameter("@PageSize", pageSize)};
           SqlDataReader reader = SqlHelper.SqlHelper.ExecuteReader(SqlHelper.SqlHelper.connecString, "proc_AccodingPassTypeLoadOrder", shareParameter);

           ORDERLIST list = new ORDERLIST();
           List<orderClass> data = new List<orderClass>();

           while (reader.Read())
           {
               list.allCount=Convert.ToInt32(reader["allCount"]);
               orderClass order = new orderClass();
               order.orderId = reader["orderId"].ToString();
               order.orderForAdmin = reader["orderForAdmin"].ToString();

               order.orderCustomerName = reader["orderCustomerName"].ToString();
               order.orderCustomerIDcard = reader["orderCustomerIDcard"].ToString();
               order.orderCustomerPhone = reader["orderCustomerPhone"].ToString();
               order.orderRoomNumber = reader["orderRoomNumber"].ToString();
               order.orderRoomPrice = reader["orderRoomPrice"].ToString();
               order.orderCashPledge = reader["orderCashPledge"].ToString();
               order.orderOpenRoomTime = reader["orderOpenRoomTime"].ToString();
               order.orderRuleReturnRoomTime = reader["orderRuleReturnRoomTime"].ToString();
               order.orderCheckInDayCount = reader["orderCheckInDayCount"].ToString();
               order.orderIsOrNoReturnRoom = reader["orderIsOrNoReturnRoom"].ToString();
               order.orderReturnRoomTime = reader["orderReturnRoomTime"].ToString();
               data.Add(order);
           }

           list.data = data;
           return jss.Serialize(list);
       }

/*数据库存储过程*/

 create proc [dbo].[proc_AccodingPassTypeLoadOrder]

  @loadSign varchar(50),
  @adminName  varchar(50),
  @currentDatetime varchar(50),
  @PageIndex int, /*第几页*/
   @PageSize int  /*每页的行数*/
 as
 declare @BeginRow int
 declare @EndRow int

 set @BeginRow=@PageSize*(@PageIndex-1)+1; /*获得分页第一行所在位置*/
 set @EndRow=@PageSize*@PageIndex;/*获得分页最后一行所在位置*/
 declare @allCount int/*这个参数就是存放符合条件的所有数据总数量，然后加入返回数据中作为一个字段*/
 if(@loadSign=0) --加载所有
 begin
 select @allCount=COUNT(*) from hotalOrderSheet where orderForAdmin=@adminName
  select * from (select ROW_NUMBER() over(order by(orderId)) as RowIndex,@allCount as allCount, * from hotalOrderSheet where orderForAdmin=@adminName) as a
 where RowIndex between @BeginRow and @EndRow
 --select * from hotalOrderSheet

 end
 else if(@loadSign=1)--未退房
 begin
 select @allCount=COUNT(*) from hotalOrderSheet where orderForAdmin=@adminName and orderIsOrNoReturnRoom is null  and orderReturnRoomTime is null
 select * from (select ROW_NUMBER() over(order by(orderId)) as RowIndex,@allCount as allCount,* from hotalOrderSheet  where orderForAdmin=@adminName and    orderIsOrNoReturnRoom is null  and orderReturnRoomTime is null) as a
 where RowIndex between @BeginRow and @EndRow

 end
 else if(@loadSign=2)--已退房
 begin

 select @allCount=COUNT(*) from hotalOrderSheet where orderForAdmin=@adminName and orderIsOrNoReturnRoom is not null    and orderReturnRoomTime is not null
 select * from (select ROW_NUMBER() over(order by(orderId)) as RowIndex,@allCount as allCount,* from hotalOrderSheet  where orderForAdmin=@adminName and    orderIsOrNoReturnRoom is not null  and orderReturnRoomTime is not null) as a
 where RowIndex between @BeginRow and @EndRow

 end
 else if(@loadSign=3)--超时退房用户
 begin

 select @allCount=COUNT(*) from dbo.getOverTimeReturnCustomerList(@adminName,@currentDatetime)
 select * from  (select ROW_NUMBER() over(order by(orderId)) as RowIndex, @allCount as allCount, * from  dbo.getOverTimeReturnCustomerList(@adminName,@currentDatetime)) as a
 where RowIndex between @BeginRow and @EndRow
 end

下面是效果图

本人创业做的一款androidApp, 下载量已经有2000多万,各种当前热门的网络手机奖励红包全部集成，另外还有热门电影和淘宝高额优惠券！很适合各类型的用户。