`

基于asp.net + easyui框架,一步步学习easyui-datagrid——实现分页和搜索(二)

阅读更多

目录:

基于asp.net + easyui框架,一步步学习easyui-datagrid——界面(一)

基于asp.net + easyui框架,一步步学习easyui-datagrid——实现分页和搜索(二)

基于asp.net + easyui框架,一步步学习easyui-datagrid——实现添加、编辑、删除(三)

基于asp.net + easyui框架,一步步学习easyui-datagrid——完成,总结(四)

 

上篇博客我只是将界面的部分完成了,继续上篇博客的内容,这篇博客我们需要将数据库中的记录显示到界面上,并实现数据的分页显示。

曾经我写过分页的博客,分页很简单,本质区别在于分页时从数据库读取信息的方式:假分页:一次性读取数据;真分页:多次读取数据。datagrid使用的是真分页,将记录从数据库查询出来就行了。

 

下面我们看一下要实现的界面:

 

说实话,加载数据并实现分页和搜索的功能相对而言是很简单,无非就是调用一般处理程序,只要你会一般处理程序就没有任何问题。

 

在上篇博客中,我已将datagrid要调用的一般处理程序的URL写好了,所以我们现在只需要写一般处理程序的代码和后台的代码就好了。在一般处理程序中,我们将分页和查询功能巧妙的整合到了一起。

 

搜索的js代码

 

        //获取参数     
         function getQueryParams(queryParams) {
             var StartTime = $("#StartTime").datebox("getValue");
             var EndTime = $("#EndTime").datebox("getValue");             
             var AdminName = document.getElementById("AdminName").value;
             var QuanXian = document.getElementById("quanxian").value;

             //$("#quanxian").combobox("getValue");

             queryParams.StartTime = StartTime;
             queryParams.EndTime = EndTime;
             queryParams.AdminName = AdminName;
             queryParams.QuanXian = QuanXian;

             return queryParams;
         
         }
            //增加查询参数,重新加载表格
            function reloadgrid() {

                //查询参数直接添加在queryParams中    
                var queryParams = $('#tt').datagrid('options').queryParams;
                getQueryParams(queryParams);
                $('#tt').datagrid('options').queryParams = queryParams;
                $("#tt").datagrid('reload');

            }

 

 

一般处理程序SetAdmin.ashx

 

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Data;
using System.Text;

namespace GoodCommunitySystem.admin.UserManager
{
    /// <summary>
    /// SetAdmin 的摘要说明
    /// </summary>
    public class SetAdmin : IHttpHandler
    {
        BLL.adminInfoBLL admininfobll = new BLL.adminInfoBLL();
        Entity.adminInfoEntity enadmininfo = new Entity.adminInfoEntity();

        public void ProcessRequest(HttpContext context)
        {
           
            //调用查询方法
            Query(context);
            
        }

        public bool IsReusable
        {
            get
            {
                return false;
            }
        }
        /// <summary>
        /// 查询记录
        /// </summary>
        /// <param name="context"></param>
        public void Query(HttpContext context)
        {


            context.Response.ContentType = "text/plain";
            //===============================================================
            //获取查询条件:【用户id,开始时间,结束时间,关键字】
            string AdminName, startTime, endTime, QuanXian;
            AdminName = startTime = endTime = QuanXian = "";
            //获取前台传来的值
            if (null != context.Request.QueryString["AdminName"])
            {//获取前台传来的值
                AdminName = context.Request.QueryString["AdminName"].ToString().Trim();
            }
            if (null != context.Request.QueryString["StartTime"])
            {
                startTime = context.Request.QueryString["StartTime"].ToString().Trim();
            }
            if (null != context.Request.QueryString["EndTime"])
            {
                endTime = context.Request.QueryString["EndTime"].ToString().Trim();
            }
            if (null != context.Request.QueryString["QuanXian"])
            {
                QuanXian = context.Request.QueryString["QuanXian"].ToString().Trim();
            }

            //================================================================
            //获取分页和排序信息:页大小,页码,排序方式,排序字段
            int pageRows, page;
            pageRows = 10;
            page = 1;
            string order, sort, oderby; order = sort = oderby = "";
            if (null != context.Request.QueryString["rows"])
            {
                pageRows = int.Parse(context.Request.QueryString["rows"].ToString().Trim());

            }
            if (null != context.Request.QueryString["page"])
            {

                page = int.Parse(context.Request.QueryString["page"].ToString().Trim());

            }
            if (null != context.Request.QueryString["sort"])
            {

                order = context.Request.QueryString["sort"].ToString().Trim();

            }
            if (null != context.Request.QueryString["order"])
            {

                sort = context.Request.QueryString["order"].ToString().Trim();

            }


            //===================================================================
            //组合查询语句:条件+排序
            StringBuilder strWhere = new StringBuilder();
            if (AdminName != "")
            {
                strWhere.AppendFormat(" WorkerRealName like '%{0}%' and ", AdminName);
            }
            if (QuanXian  != "")
            {
                strWhere.AppendFormat(" AdminRightName like '%{0}%' and ", QuanXian);
            }
            if (startTime != "")
            {
                strWhere.AppendFormat(" ActiveDate >= '{0}' and ", startTime);
            }
            if (endTime != "")
            {
                strWhere.AppendFormat(" ActiveDate <= '{0}' and ", endTime);
            }

            //删除多余的and
            int startindex = strWhere.ToString().LastIndexOf("and");//获取最后一个and的位置
            if (startindex >= 0)
            {
                strWhere.Remove(startindex, 3);//删除多余的and关键字
            }
            if (sort != "" && order != "")
            {
                //strWhere.AppendFormat(" order by {0} {1}", sort, order);//添加排序
                oderby = order + " " + sort;
            }
            //DataSet ds = Bnotice.GetList(strWhere.ToString());  //调用不分页的getlist

            //调用分页的GetList方法
            DataSet ds = admininfobll.GetListByPage(strWhere.ToString(), oderby, (page - 1) * pageRows + 1, page * pageRows);
            int count = admininfobll.GetRecordCount(strWhere.ToString());//获取条数
            string strJson = ToJson.Dataset2Json(ds, count);//DataSet数据转化为Json数据
            context.Response.Write(strJson);//返回给前台页面
            context.Response.End();

        }
}

 

 

注:不知道前台页面怎么接收数据,请看第一篇博文:基于asp.net + easyui框架,一步步学习easyui-datagrid——界面(一)

 

调用D层实现分页的两个方法:

 

                /// <summary>
		/// 获取记录总数
		/// </summary>
		public int GetRecordCount(string strWhere)
		{
			StringBuilder strSql=new StringBuilder();
            strSql.Append("select count(1) FROM V_admin_MgPersonFiles ");
			if(strWhere.Trim()!="")
			{
				strSql.Append(" where "+strWhere);
			}
			object obj = DbHelperSQL.GetSingle(strSql.ToString());
			if (obj == null)
			{
				return 0;
			}
			else
			{
				return Convert.ToInt32(obj);
			}
		}
		/// <summary>
		/// 分页获取数据列表
		/// </summary>
		public DataSet GetListByPage(string strWhere, string orderby, int startIndex, int endIndex)
		{
			StringBuilder strSql=new StringBuilder();
			strSql.Append("SELECT * FROM ( ");
			strSql.Append(" SELECT ROW_NUMBER() OVER (");
			if (!string.IsNullOrEmpty(orderby.Trim()))
			{
				strSql.Append("order by T." + orderby );
			}
			else
			{
				strSql.Append("order by T.AdminID desc");
			}
            strSql.Append(")AS Row, T.*  from V_admin_MgPersonFiles T ");
			if (!string.IsNullOrEmpty(strWhere.Trim()))
			{
				strSql.Append(" WHERE " + strWhere);
			}
			strSql.Append(" ) TT");
			strSql.AppendFormat(" WHERE TT.Row between {0} and {1}", startIndex, endIndex);
			return DbHelperSQL.Query(strSql.ToString());
		}

 

上面还有一个难点是:将dataset的数据集转换成json格式,下面我封装了一个类:ToJson

 

public class ToJson
    {

        #region DataSet转换成Json格式
        /// <summary>
        /// DataSet转换成Json格式  
        /// </summary>  
        /// <param name="ds">DataSet</param> 
        /// <returns></returns>  
        public static string Dataset2Json(DataSet ds, int total = -1)
        {
            StringBuilder json = new StringBuilder();

            foreach (DataTable dt in ds.Tables)
            {
                //{"total":5,"rows":[
                json.Append("{\"total\":");
                if (total == -1)
                {
                    json.Append(dt.Rows.Count);
                }
                else
                {
                    json.Append(total);
                }
                json.Append(",\"rows\":[");
                json.Append(DataTable2Json(dt));
                json.Append("]}");
            } return json.ToString();
        }
        #endregion

        #region dataTable转换成Json格式
        /// <summary>  
        /// dataTable转换成Json格式  
        /// </summary>  
        /// <param name="dt"></param>  
        /// <returns></returns>  
        public static string DataTable2Json(DataTable dt)
        {
            StringBuilder jsonBuilder = new StringBuilder();

            for (int i = 0; i < dt.Rows.Count; i++)
            {
                jsonBuilder.Append("{");
                for (int j = 0; j < dt.Columns.Count; j++)
                {
                    jsonBuilder.Append("\"");
                    jsonBuilder.Append(dt.Columns[j].ColumnName);
                    jsonBuilder.Append("\":\"");
                    jsonBuilder.Append(dt.Rows[i][j].ToString());
                    jsonBuilder.Append("\",");
                }
                if (dt.Columns.Count > 0)
                {
                    jsonBuilder.Remove(jsonBuilder.Length - 1, 1);
                }
                jsonBuilder.Append("},");
            }
            if (dt.Rows.Count > 0)
            {
                jsonBuilder.Remove(jsonBuilder.Length - 1, 1);
            }

            return jsonBuilder.ToString();
        }
        #endregion dataTable转换成Json格式
    }



这篇博客主要给大家介绍datagrid如何实现分页和搜索的功能。真的跟宣传广告一样,It's so easy。。。

 

========================================================================================================================

基于asp.net+easyui框架的系列博文:

 

使用Jquery+EasyUI框架开发项目+下载+帮助--EasyUI的简介

Asp.net之真假分页大揭秘、使用AspNetPager实现真分页

Asp.net前端页面开发总结

Asp.net 一般处理程序+扩展

Asp.Net构架(Http请求处理流程)、Asp.Net 构架(Http Handler 介绍)、Asp.Net 构架(HttpModule 介绍)

基于asp.net + easyui框架,js实现上传图片之前判断图片格式,同时实现预览,兼容各种浏览器+下载

基于asp.net+ easyui框架,js提交图片,实现先上传图片再提交表单

基于asp.net + easyui框架,一步步学习easyui-datagrid——界面(一)

基于asp.net + easyui框架,一步步学习easyui-datagrid——实现分页和搜索(二)

基于asp.net + easyui框架,一步步学习easyui-datagrid——实现添加、编辑、删除(三)

基于asp.net + easyui框架,一步步学习easyui-datagrid——完成,总结(四)

 

=========================================================================================================================

 

对于json:不知道怎么传值?不知道返回什么样值?不知道如何拼接json串的童鞋有福了,给大家推荐一篇文章:

http://blog.csdn.net/gxq741718618/article/details/41130509

 

 

分享到:
评论

相关推荐

    .Net+EasyUI后台管理系统

    本系统基于.Net框架与EasyUI库构建,旨在提供一个强大、美观且用户友好的后台操作界面。下面将详细探讨.Net框架与EasyUI的相关知识点,以及它们如何协同构建出强大的后台管理系统。 .Net框架是由微软公司开发的一种...

    .NET MVC + EasyUI 后台管理系统

    .NET MVC + EasyUI 后台管理系统是基于微软的ASP.NET MVC技术栈,结合了流行的前端框架EasyUI,用于构建高效、美观的后台管理界面。在VS 2015集成开发环境中,MVC 4提供了强大的模型-视图-控制器(MVC)架构,为Web...

    基于ASP.NET MVC4+JQuery easyui的企业管理系统开发案例源码

    这个项目实例提供了从后端到前端的完整开发体验,涵盖了ASP.NET MVC4的项目结构、路由、模型绑定、控制器操作,以及JQuery EasyUI的UI组件应用,对于想要学习这两种技术的开发者来说,是一个非常有价值的参考和实践...

    EasyUI的DataGrid显示ASP.NET内容

    在结合ASP.NET框架时,DataGrid能有效地将服务器端的数据动态地呈现到客户端,提供排序、分页、过滤和编辑等功能,提升用户体验。在本文中,我们将深入探讨如何在ASP.NET环境中使用EasyUI的DataGrid显示数据。 首先...

    asp.net mvc easyui 分页操作.docx

    通过以上步骤,我们成功地在ASP.NET MVC项目中实现了使用EasyUI框架的Datagrid控件进行数据分页的功能。这种方法不仅提高了用户体验,同时也使后台的数据管理更加高效便捷。希望本教程能帮助读者更好地理解如何在...

    easy ui datagrid 增删改查+分页 asp.net

    数据库管理系统,不管是桌面版,还是网页版,我觉得最重要的功能是:增删改查+分页。文档里面的例子就是asp.net web form + easy ui 的datagrid。简单的演示了这五个重要功能。请用vs2010运行,数据库没有给出。

    easyui-datagrid2-demo.zip

    EasyUI 是一个基于 jQuery 的前端框架,用于快速构建用户界面,尤其适合开发管理类Web应用。其中 Datagrid 是 EasyUI 的一个重要组件,它提供了一种表格形式的数据展示和操作功能。"easyui-datagrid2-demo.zip" 文件...

    C#基于MVC+EasyUI+ECharts后台管理系统完整源码(1.0.6)

    (例子涉及两张表(用户表+权限表),datagrid分页有两种方式,请参考 UserInfoDAL.cs页面方法: getPage2005和getPage2012 ) EasyUI 1.5中文版文档下载地址:http://download.csdn.net/detail/jx_521/9647628

    落阳-利用NPOI将EasyuiDatagrid数据导出到Excel-ASP.NET MVC Demo

    本示例项目"落阳-利用NPOI将EasyuiDatagrid数据导出到Excel-ASP.NET MVC Demo"提供了一个解决方案,通过使用NPOI库来实现这一功能。 NPOI是一个强大的.NET库,它允许开发者在.NET环境中读写Microsoft Office文件,...

    easyui-datagrid&&easyui-tree实例

    通过以上步骤,我们可以利用EasyUI的datagrid和tree组件,结合ASP.NET技术,实现与数据库的交互,为开发初学者提供了一个基础但实用的Web应用框架。在实际项目中,还可以根据需求扩展功能,如添加分页、搜索、排序等...

    基于MVC3+EasyUI精美实例

    MVC3是微软ASP.NET框架的一个版本,提供了更强大的功能和更好的性能。EasyUI则是一款基于jQuery的UI组件库,它提供了丰富的界面元素,如表格、表单、下拉框、按钮等,使得开发者能够快速构建出美观且响应式的用户...

    EasyUI-CRUD-DataGrid

    EasyUI 是一个基于 jQuery 的前端框架,主要用于构建用户界面,尤其在Web应用中提供丰富的组件和样式,使得开发者能够快速创建美观且功能齐全的页面。DataGrid 是 EasyUI 中的一个核心组件,它是一个数据表格,可以...

    JQuery-EasyUI+Asp.net Demo code

    1. **数据绑定**:在ASP.NET中,可以通过GridView、ListView等控件来展示数据,配合jQuery EasyUI的datagrid组件,可以实现动态加载和分页,提高用户体验。 2. **异步处理**:ASP.NET的ASHX(HttpHandler)接口可...

    超级漂亮的EasyUI框架皮肤源码

    EasyUI 是一个基于 jQuery 的前端开发框架,专为构建数据驱动的 Web 应用程序而设计。它提供了丰富的组件库,如表格、下拉框、按钮、对话框等,简化了网页开发流程。本资源“超级漂亮的EasyUI框架皮肤源码”显然聚焦...

    MVC webapi,easyui.net建筑材料源代码

    WebAPI是ASP.NET框架的一部分,用于构建RESTful服务。在建筑材料管理中,WebAPI允许远程客户端(如网页、移动应用)通过HTTP协议获取和更新数据。例如,可以通过API获取材料库存、添加新的供应商信息或更新材料价格...

    EasyUI ASP.NET Demo

    【EasyUI ASP.NET Demo JSOn】是一个基于ASP.NET技术并结合EasyUI框架的演示项目,主要展示了如何在ASP.NET环境中利用EasyUI库进行JSON数据的处理和展示。EasyUI是一款轻量级、易于使用的JavaScript库,它基于jQuery...

    MVC+EasyUI增删改查

    EasyUI 的 datagrid 通过设置 `pagination` 属性和相关参数,可以轻松实现前端的分页显示。 4. **数据绑定**:EasyUI 的 datagrid 可以与后端数据源进行绑定,实现数据的自动更新。通过配置 `url` 参数指向控制器的...

    jQuery+EasyUI+1.3.6版全中文API汉化文档

    jQuery EasyUI 是一个基于 jQuery 的前端开发框架,它简化了网页用户界面的构建,提供了丰富的组件和主题,如对话框、表格、下拉菜单、树形控件等。这个资源包是1.3.6版本的全中文API汉化文档,对于中文使用者来说,...

    juqery easyui 在asp.net 中应用实例

    jQuery EasyUI 是一个基于 jQuery 的前端框架,它提供了一系列易于使用的组件,可以帮助开发者快速构建具有专业界面和交互的Web应用程序。在ASP.NET中,jQuery EasyUI可以与后端的C#或VB.NET代码紧密结合,实现数据...

Global site tag (gtag.js) - Google Analytics