jquery easyui 中combogrid , datagrid 自定义分页
来源:互联网 发布:阿里云到底是做什么的 编辑:程序博客网 时间:2024/04/30 03:24
以 去掉记录相关字符
去掉前 去掉后
第一中方法
1.取到combogrid的datagrid
var comDataGrid = $(itemId).combogrid('grid');
comdataGrid只是一个table combogrid中的datagrid生成的table对象。断点调试添加监控可以看到是一个table对象
如下图
在火狐中调试点击上图红色框中的table可以看到下图代码(图片代码就是一个combogird生成的一datagrid)
以上源码清楚以后就可以用jquery操作源代码,我们就可以为所欲为(jquery强大的功能你懂得)
var comDataGrid = $(itemId).combogrid('grid');
//查看源码找到需要操作的分页class进行操作
comDataGrid.parent().next().find(".pagination-info").hide();//此处隐藏成功 ;
当然为了更炫可以添加各式特效(这也是这种操作方法的好处)当然弊端也是有的,你必须保证控件已经解析完毕。
解决方案价格setTimeout(function () {
$(itemId).combogrid('grid').parent().next().find(".pagination-info").hide();//此处隐藏成功 ;
},0) setTimeout方法说明:这个方法是javascript自带方法当整个js加载执行完成后开始计时执行,所以只要将其放到combogrid解析的同你js就不会有问题。
第二种方法 通过jquery-easyui中提供的方法进行操作;
通过api我们可以了解到ComboGrid
依赖关系
- combo
- datagrid
所以combogrid可以调用两者的属性方法事件都可以。
而datagrid
依赖关系
- panel
- resizable
- linkbutton
- pagination
而pagination
api中的一段说明详细见官方apidisplayMsgstring显示页面信息。
所以就要隐藏页面信息。
如下代码:
//初始化下拉
selectControl.combogrid({
此处省略代码段
});
//grid自定义
var grid = selectControl.combogrid('grid');
grid.datagrid({
pagination: "false",
pageSize: data.combox.pageSize == undefined ? 10 : data.combox.pageSize,
pageList: [5, 10, 20]
});
//此处注释代码是说明pagination分页面板参数设置只做参考
// dg.datagrid('getPager').pagination({
// layout: ['list', 'sep', 'first', 'prev', 'sep', $('#p-style').val(), 'sep', 'next', 'last', 'sep', 'refresh']
// });
//隐藏页面信息
grid.datagrid('getPager').pagination({ displayMsg:''});
//分页事件
grid.datagrid("getPager").pagination({
onSelectPage: function (pageNumber, pageSize) {
queryParam.page = pageNumber;
queryParam.rows = pageSize;
//重新加载grid
loadData(grid, queryParam);
}
});
jquery esayui 是一个开源而且功能相当强大的插件。开源我们可以根据自己需求随便改,js插件多平台都也引用。
- jquery easyui 中combogrid , datagrid 自定义分页
- jQuery EasyUI ComboGrid 集成分页、按键示例
- Jquery easyui DataGrid分页
- jquery easyui datagrid 分页
- jquery easyui 中扩展datagrid自定义方法
- Jquery EasyUI使用ComboGrid
- jQuery easyUI Pagination控件自定义div分页(不用datagrid)
- jQuery easyUI Pagination控件自定义div分页(不用datagrid)
- easyui的datagrid中editor和combogrid的结合使用
- easyUI自定义DataGrid分页栏
- easyUI自定义DataGrid分页栏
- easyui datagrid pagination 自定义分页
- JQuery easyui Datagrid 分页事件
- JQuery easyui Datagrid 分页事件
- jquery easyui datagrid 分页 详解
- jquery easyui datagrid 分页 详解
- jquery easyui datagrid 分页 详解
- jquery easyui datagrid 分页 详解
- MFC线程间通信
- 关于GetCallbackEventReference
- android ImageView 设置宽度和屏幕一样
- Inno Setup入门
- js笔记
- jquery easyui 中combogrid , datagrid 自定义分页
- 【android-cocos2d-X 环境配置】在Mac下搭建Cocos2d-X-android开发环境!
- innobackupex多个增量备份情况下的备份还原步骤
- 我的父亲母亲
- 头像的选择 从图库、照相机照片 设置 图片为头像
- jQuery使用on()绑定动态生成元素的事件无效的问题
- 微软新一代平台开发过程中的小问题
- 用Struts2时,struts.xml文件的配置
- server 2008 r2域控时间设置internet时间同步的方法