jquery datagrid 的一些用法

最新推荐文章于 2024-04-13 07:06:41 发布

原创最新推荐文章于 2024-04-13 07:06:41 发布 · 745 阅读

0 ·

CC 4.0 BY-SA版权

jquery 专栏收录该内容

17 篇文章

订阅专栏

本文介绍如何隐藏jQuery Datagrid中的打印和导出PDF按钮，并提供了一个自定义导出控件的方法，用于解决iaf标签库导出带合并单元格表格的问题。通过覆盖默认导出方法，根据页面初始化的URL、查询条件表单ID和列表ID向后台发起导出请求，实现了导出当前页和全部数据的功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1 隐藏打印和导出pdf按钮

$(".iaf-icon-print").parent().parent().parent().hide();
$(".iaf-icon-pdf").parent().parent().parent().hide();

2 对导引导出按钮进行方法重写(js)

/**
* 自定义导出控件
* 1. 覆盖iaf标签库自带的导出方法
* 2. 修复iaf标签库无法导出带合并单元格的表单问题
*
* 处理逻辑：
* 根据页面加载时初始化的url、查询条件表单id以及列表ID，向后台发起导出请求。
*
* 使用方法：
* 1. 页面引入本js，且必须放在iaf标签引入的export.js下面；
* 2. 页面引入本js后，需要在$(document).ready(function(){})中初始化下载地址
* @auther gbcui
*/

/*
* 导出excel请求url
*/
var CustomExportUrl;
/*
* 是否已初始化
*/
var CustomExportInit = false;
/*
* 查询条件表单ID
*/
var CustomQueryFormId;
/*
* 列表ID，用于导出当前页时获取分页信息
*/
var CustomTableGridId;

/*
* 初始化方法
*/
function init(url,queryId,gridId){
if(url && queryId && gridId)
{
CustomExportUrl = url;
CustomQueryFormId = queryId;
CustomTableGridId = gridId;
CustomExportInit = true;
}
}

/*
* 导出当前页
*/
function exportEasyUiGrid(e,type){
if(!CustomExportInit)
{
alert("未对导出控件进行初始化");
return;
}
// 获取分页信息
var options = $("#"+CustomTableGridId).datagrid("getPager").data("pagination").options;
if(isNaN(options.total) || options.total<=0)
{
alert("页面查无结果");
return;
}
var pageSize = options.pageSize;
var pageNumber = options.pageNumber;
// 获取查询条件
var param = $("#"+CustomQueryFormId).serialize();
// 页面跳转
window.location.href = CustomExportUrl+"?"+param+"&pageSize="+pageSize+"&pageNumber="+pageNumber;
}

/*
* 导出全部
*/
function exportEasyUiGridAll(e,type){
if(!CustomExportInit)
{
alert("未对导出控件进行初始化");
return;
}
// 获取分页信息
var options = $("#"+CustomTableGridId).datagrid("getPager").data("pagination").options;
if(isNaN(options.total) || options.total<=0)
{
alert("页面查无结果");
return;
}
// 获取查询条件
var param = $("#"+CustomQueryFormId).serialize();
// 页面跳转
window.location.href = CustomExportUrl+"?type=all&"+param;
}