jquery easyui datagrid 分页怎么把右边的文字去掉

Posted 2023-04-06

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了jquery easyui datagrid 分页怎么把右边的文字去掉相关的知识，希望对你有一定的参考价值。

$('#dataList').datagrid(
  //.....
)
//获取dataList的分页控件
var p = $('#dataList').datagrid('getPager');
//设置分页属性
$(p).pagination(
    pageSize: 10,//每页显示的记录条数，默认为10
    pageList: [10,20,30,50,100],//可以设置每页记录条数的列表
    beforePageText: '第',//页数文本框前显示的汉字
    afterPageText: '页    共 pages 页',
    displayMsg: '当前显示 from - to 条记录   共 total 条记录',
);

你如果想去掉右边的文字，displayMsg设置为""即可

参考技术A //设置分页控制$('#pp').pagination( pageSize:10,//每页显示的记录条数，默认为10 pageList:[5,10,15],//设置每页记录条数的列表 beforePageText:'第',//页数文本框前显示的汉字 afterPageTest:'页共 pages 页', showRefresh:false, displa

jquery easyui datagrid 分页实现

技术分享

通常情况下页面数据的分页显示分成真假两种。真分页是依靠后台查询时控制调出数据的数量来实现分页，也就是说页面在后台对数据进行处理，仅传输当前需要页的数据到前台来显示。而假分页则是后台一次性将所有的数据一起传送到前台，再由前端程序来控制数据的显示与遮蔽。

既然要分页，那么首先就必须要获得所有的数据，并且知道数据的数量。这步可以是由后台程序返回告知，当然也可以有javascript自己去读取。

datagrid分页有一个附加的分页控件，只需后台获取分页控件自动提交的两个参数rows每页显示的记录数和page;//当前第几页，然后读取相应页数的记录，和总记录数total一块返回即可，页面如上图所示。

核心代码

要想实现分页其pagination属性必须为true：

//设置分页控件，设置其各个属性值与是否要允许列排序等

[html] view plain copy

print ?

<table id="tt" " title="设置打分规则" class="easyui-datagrid" style="width: auto;
height: 400px;" idfield="itemid" pagination="true" iconcls=" icon-save" remoteSort="false"
data-options="rownumbers:true,
url:‘JSONData.ashx/ProcessRequest‘,pageSize:5,pageList:[5,10,15,20],
method:‘get‘,toolbar:‘#tb‘ ," fitcolumns="true" striped="true">

一般处理程序中获取前台传过来的pageRows，page，

[csharp] view plain copy

print ?

//================================================================
//获取分页和排序信息：页大小，页码，排序方式，排序字段
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();
}

调出分页查询数据B层的方法

[csharp] view plain copy

print ?

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

D层中的方法：

根据查询条件，是否排序（以哪一列排序），调用数据库中查询符合条件的数据

[csharp] view plain copy

print ?

/// <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.ScoreStyleID desc");
}
strSql.Append(")AS Row, T.* from t_scoreRule 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());
}

在实现的过程中，我们要记得前台加上这句话

[html] view plain copy

print ?

[javascript] view plain copy

print ?

//增加查询参数，重新加载表格
function reloadgrid() {
//查询参数直接添加在queryParams中
var queryParams = $(‘#tt‘).datagrid(‘options‘).queryParams;
getQueryParams(queryParams);
$(‘#tt‘).datagrid(‘options‘).queryParams = queryParams;//传递值
$("#tt").datagrid(‘reload‘);//重新加载table
}

表格重新加载，因为这样才能拿到后面传来的数据，如果不加这个效果没出来（付出了时间的代价）。

技术分享

总结：

对于这样的框架还有很多值得我们学习的地方，上面的这些按纽都可以灵活的去添加，例如：添加导入、导出数据等，都容易实现，好的框架的学习，让我们学会了如何站在举人的肩膀上更快成长，具体的行动需要我们融入自己的学习当中，在实践中不断的体会到了，学与会用真的是两回事啊，大家共同努力多动手多实践。