Ext.grid.GridPanel + asp.net 数据分页

来源：互联网发布：mac 代理服务器编辑：程序博客网时间：2024/05/22 09:22

Ext.grid.GridPanel + asp.net 数据分页

【转】http://www.cnblogs.com/tujiang/archive/2009/07/03/1516488.html

客户端显示数据页面，当然也可以用静态的html页面

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="MyQuestionList.aspx.cs" Inherits="MyQuestionList" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

        Ext.onReady(function() {

            var ds = new Ext.data.Store({
                url: "GetQuestionList.aspx",
                reader: new Ext.data.JsonReader(
                    { root: 'datalist', totalProperty: 'totalCount' },
                    [{ name: 'title', mapping: 'title' },
                     { name: 'type', mapping: 'type' },
                     { name: 'ct', mapping: 'ct', type: 'date', dateFormat: 'Y-n-j H:i:s' },
                     { name: 'state', mapping: 'state' }
                    ]
                )
            });

            var pagingBar = new Ext.PagingToolbar({
                pageSize: 30,
                store: ds,
                displayInfo: true,
                displayMsg: 'Displaying topics {0} - {1} of {2}',
                emptyMsg: "No topics to display"
            });

        });
    </script>
</head>
<body style="padding-top:10px;">
    <form id="form1" runat="server">
        <div id="divGvList" style="margin:0 auto; width:99%;"></div>
    </form>
</body>
</html>

这个是服务器端读取数据的GetQuestionList.aspx页面

private WebOrder.Server.Service sObj = WebOrder.Server.InterfaceFactory.CreatorServiceObj(); //这个是我自己写的接口类
    protected void Page_Load(object sender, EventArgs e)
    {
        StringBuilder jsonStr = new StringBuilder();
        jsonStr.Append("{'datalist':[");

//这里补充下，有朋友问我第一次加载页面数据显示出来了，然后点下一页的时候没数据，不能翻页

        //这里的start不是页码，而是表示从第多少条数据开始取，limit是取多少条（也就是说如果是第二页，每页显示6；start=6，limit=6；第三页的时候start=12，limit=6）
        int start = Convert.ToInt32(Request.Params["start"].Trim());
        int limit = Convert.ToInt32(Request.Params["limit"].Trim());
        int rowCount = 0;
        WebOrder.Server.QuestionInfo[] qList = sObj.ReadQuestionList(start, limit, out rowCount); //这个是实体类数组，如果测试的话可以自己写数据源，然后格式化成json数据类型返回就可以了

            foreach (WebOrder.Server.QuestionInfo item in qList)
            {
                jsonStr.Append("{");
                jsonStr.Append("'title':'" + item.标题 + "',");
                jsonStr.Append("'type':'" + item.分类 + "',");
                jsonStr.Append("'ct':'" + item.时间 + "',");
                jsonStr.Append("'state':'" + (item.是否回复 ? "已回复" : "") + "'");
                jsonStr.Append("},");
            }

        jsonStr.Remove(jsonStr.Length - 1, 1);
        jsonStr.Append("],'totalCount':" + rowCount.ToString() + "}");
        Response.Write(jsonStr);

//这两行代码不写的话客户端接收不到数据，我弄了好久才发现这个问题，我在博客园其他的博文中也看到有人说就是显示不了数据，不知道和我这个是不是一样的问题，在网上看的例子都是只有Response.Write，然后自己拿来测试又显示不了数据，

        //郁闷了一上午，不过总算搞定了，希望对碰到和我一样问题的人能节省点时间
        Response.Flush();
        Response.Close();
    }

此文是我从博客园转过来的，终于解决了自己的分页问题（让我纠结了很久），我是采用的WebService,与上文稍有不同，其实原理是一样的：

int start = Convert.ToInt32(Context.Request.Params["start"].Trim());
int limit = Convert.ToInt32(Context.Request.Params["limit"].Trim());

string sql = "select e.*,d.dep_name from employee e,department d where e.emp_dep=d.dep_id Limit "+limit.ToString()+" offset "+start.ToString()+";select count(*) as countNum from employee;";

start、limit是ds.load({ params: { start: 0, limit: 2} });传过来的参数

至于在WebService中的Response和Request，将前面加上上下文就可以了：

Context.Response.Write(jsonStr.ToString());
Context.Response.Flush();
Context.Response.Close();