$(function () {

$('#maintable').treegrid({

width: '98%',
height: 550,
nowrap: true,
striped: true,
fit: true,
url: '/Module/getModuleList',
idField: 'MENU_ID',
fitColumns: false,
queryParams: {
Modulename: $("#txtModuleName").textbox('getValue'),
AppID: $("#txtSystem").combobox('getValue'),
isHide: $("#isHide").combobox('getValue')
},

columns: [[
{ field: 'ck', checkbox: true },
{ field: 'MENU_ID', title: '模块编号', width: 150, align: 'left',hidden:'true' },
{
field: 'MENU_NAME', title: '模块名称', width:250, align: 'left'
},
{
field: 'NAV_URL', title: '地址', width: 250, align: 'left'
},
{
field: 'IS_HIDE', title: '是否隐藏', width: 100, align: 'left'
},
{
field: 'SHOW_ORDER', title: '排序', width: 100, align: 'left'
}
]],
onBeforeLoad: function(row,param){
if (!row) { // load top level rows
param.id = 0; // set id=0, indicate to load new page rows
}

else {

$(this).treegrid('options').url = '/Module/getModuleList?page=1&rows=999&id=' + row.MENU_ID;//打开父节点,防止孩子过多而不显示
}

},
treeField: 'MENU_NAME',
pagination: true,
rownumbers: true,
pageNumber: 1,

pagePosition: 'buttom'

});

//设置分页控件 
var p = $('#maintable').datagrid('getPager');
$(p).pagination({
pageSize: 10,//每页显示的记录条数,默认为10 
pageList: [5, 10, 25],//可以设置每页记录条数的列表 
beforePageText: '第',//页数文本框前显示的汉字 
afterPageText: '页    共 {pages} 页',
displayMsg: '当前显示 {from} - {to} 条记录   共 {total} 条记录'

});

});

<div class="panel " style="padding: 0 10px; height: 520px;">
<table id="maintable" class="easyui-treegrid"></table>
</div>

后台代码:

public string getModuleList()
{
//获取Request信息
int intPageSize = int.Parse(Request["rows"].ToString());//每页展示行数
int intCurrentPage = int.Parse(Request["page"].ToString());//当前页
string strIsHide = Request["isHide"].ToString();
string strAppID = Request["AppID"].ToString();
string strModuleName = Request["Modulename"].ToString();
string strMenuID = Request["id"].ToString();//父节点值,参数只能为id,不能为其他名称

//总记录数
int totalcount = 0;
//分页获取用户列表
DataTable dt = moduleBll.GetListByPage(intPageSize, intCurrentPage, out totalcount, strModuleName, strIsHide, strAppID, strMenuID);
string strResult = easybll.getModuleList(dt, totalcount);
return strResult;
}

easyui treegrid 分页的更多相关文章

  1. easy-ui treegrid 实现分页 并且添加自定义checkbox

    首先第一点easy-ui  treegrid 对分页没有好的实现, 因为在分页的过程中是按照 根节点来分页的  后台只能先按照 根节点做分页查询  再将子节点关联进去, 这样才能将treegrid 按 ...

  2. 基于EasyUI Treegrid的权限管理资源列表

    1. 前言 最近在开发系统权限管理相关的功能,主要包含用户管理,资源管理,角色管理,组类别管理等小的模块.之前的Web开发中也用过jQueryEasyUI插件,感觉这款插件简单易用,上手很快.以前用到 ...

  3. EasyUi TreeGrid封装

    礼物一:树型实体的抽象与封装 所谓树型实体,就是具有树型结构关系的实体,比如省.市.区.对于初学者,可能会创建三张表进行存储,有经验的开发者通过引入ParentId将设计简化为一张表,但是基于Pare ...

  4. 数据网格和树-EasyUI Datagrid 数据网格、EasyUI Propertygrid 属性网格、EasyUI Tree 树、EasyUI Treegrid 树形网格

    EasyUI Datagrid 数据网格 扩展自 $.fn.panel.defaults.通过 $.fn.datagrid.defaults 重写默认的 defaults. 数据网格(datagrid ...

  5. EasyUI DataGrid分页数据绑定

    记录东西感觉很痛苦,总结东西很痛苦,麻烦,不过为了下次的方便和知识的牢固以后要坚持总结. EasyUI DataGrid分页数据绑定 在解决方案中新建两个文件FormMain.aspx(html也可以 ...

  6. EasyUI datagrid 分页Json字符串格式

    //EasyUI datagrid 分页Json字符串格式 //{"total":xx,"rows":[{...},{...}]} total:总数 rows: ...

  7. Jquery easyui treegrid实现树形表格的行拖拽

    前几天修改了系统的一个功能——实现树形列列表的行拖拽,以达到排序的目的.现在基本上功能实现,现做一个简单的总结. 1.拿到这个直接网上搜,有好多,但是看了后都觉得不是太复杂就是些不是特别想看的例子,自 ...

  8. easyui treegrid idField 所在属性中值有花括号(如Guid)当有鼠标事件时会报错,行记录一下

    easyui treegrid idField 所在属性中值有花括号(如Guid)当有鼠标事件时会报错,行记录一下

  9. easyUI的分页,只显示第X 共Y页。改为显示 第X 页 共Y页

    如下图,easyUI的分页,只显示第X 共Y页. 需求需要显示 第X 页 共Y页. 解决办法:在easyui-lang-zh_CN.js更改以下代码,即可.也就是在 “共{pages}页”前面加个 “ ...

随机推荐

  1. PAT乙级 1033. 旧键盘打字(20)

    1033. 旧键盘打字(20) 时间限制 200 ms 内存限制 65536 kB 代码长度限制 8000 B 判题程序 Standard 作者 CHEN, Yue 旧键盘上坏了几个键,于是在敲一段文 ...

  2. Windows消息机制概述

    消息是指什么?     消息系统对于一个win32程序来说十分重要,它是一个程序运行的动力源泉.一个消息,是系统定义的一个32位的值,他唯一的定义了一个事件,向 Windows发出一个通知,告诉应用程 ...

  3. html5,output标签应用举例

    <form action="" id="myform" oninput="num.value=parseInt(num1.value)+pars ...

  4. mysql 允许远程登陆

    参考:http://blog.chinaunix.net/uid-23215128-id-2951624.html 1.以root账户登录 2.grant all PRIVILEGES on disc ...

  5. WF4.0入门(一)

    WF的全称是Windows Workflow Foundation .这是 Microsoft 快速构建基于工作流的应用程序的编程模型.引擎和工具.NET Framework 4 中这个 WF 版本更 ...

  6. java转换unicode,筛选文件中的insert语句并把日期给转换为可以直接在数据库执行的语句

    package com; import java.io.BufferedReader; import java.io.BufferedWriter; import java.io.File; impo ...

  7. 2015弱校联盟(1) -A. Easy Math

    A. Easy Math Time Limit: 2000ms Memory Limit: 65536KB Given n integers a1,a2,-,an, check if the sum ...

  8. linux mysql导入导出

    linux下导入.导出mysql数据库命令 一.导出数据库用mysqldump命令(注意mysql的安装路径,即此命令的路径):1.导出数据和表结构:mysqldump -u用户名 -p密码 数据库名 ...

  9. Normalize.css 初识

    一. 用来干嘛的 一个现代的.准备好了支持 HTML5 技术,并且要替代 CSS Reset 处理样式的理念. Normalize.css 使浏览器渲染所有元素更加一致,并且符合现代标准.它只是针对那 ...

  10. c++实现螺旋矩阵分析总结

    螺旋矩阵,是这么一个东西: 1   2   3 8   9   4 7   6   5 这是一个,n*n的矩阵,由外向里一次递增,一环一环,就好像一个螺旋一样.不难想象,如果n=5,那么应该是这样的: ...