GridView选择性导出Excel解决方案
编程学习 2021-07-04 22:41www.dzhlxh.cn编程入门
这篇文章主要介绍了GridView选择性导出Excel的解决方案,需要的朋友可以参考下
一、需求分析
首先根据用户需求,可以进行选择性导出,之前已经做了全部导出,这次新需求又来了,不过仔细想想也对,全部导出几万条数据,意义并不大,而可选择性的导出用户需要的数据才是用户需要的。有需求就有解决方法。
任何问题的解决方法都不止一个,GridView的选择性导出也一样,首先GridView绑定的是数据库的表数据,选择导出,我们也可以从数据中查询需要的数据,可以直接从前台GridView表中取得数据,问题来了,怎么判断选中了,怎么后去选中的那条信息的主键(或者获得整条信息)两个方向,到底哪个效率哪个更优?
二、解决方法
ONE
1. 前台获取选中行的主键信息,通过JSON格式,传送到后台,后台解析后,再从数据库中取得数据,通过DataTable导出到Excel
⑴. 导出所选操作
<asp:Button ID="Export" runat="server" CssClass="btn-lit" Text="导出所选" OnClientClick="return getnumberExport()" OnClick="Export_Click"/>
⑵. 前台JS,获取选中行的那条信息的主键,也就是GridView要有一列是主键,获取到所有的主键以JSON格式保存,然后传到服务器
<script type="text/javascript">
function getnumberExport() {
if (ExportCheck()) {
//通过GridView ID获取元素
var gv = document.getElementById("ctl00_ContentPlaceHolder1_gridView");
//获取GridView的Input html
var mycheck = gv.getElementsByTagName("input");
//定义一个新数组
var fam = new Array();
var hg;
var id;
//循环检测checkbox标签,获取每条数据的主键信息
for (var i = 0; i < mycheck.length; i++) {
if (mycheck[i].type == 'checkbox')//hidden
{
//如果checkbox被选中
if (mycheck[i].checked == true) {
var numid = new Object();
hg = gv.rows(i + 1).cells(20).innerHTML;
//substring() 方法用于提取字符串中介于两个指定下标之间的字符。
//LastIndexOf()倒取字符串,从后往前取到指定的字符
hg = hg.substring(hg.lastIndexOf("=") + 1, hg.lastIndexOf("\""));
//获取一条数据的主键
id = gv.rows(i + 1).cells(1).innerHTML;
numid.number = hg;
numid.id = id;
fam.push(numid);
}
}
}
//$.ajaxSetup({
// async: false //设置为同步请求
/
首先根据用户需求,可以进行选择性导出,之前已经做了全部导出,这次新需求又来了,不过仔细想想也对,全部导出几万条数据,意义并不大,而可选择性的导出用户需要的数据才是用户需要的。有需求就有解决方法。
任何问题的解决方法都不止一个,GridView的选择性导出也一样,首先GridView绑定的是数据库的表数据,选择导出,我们也可以从数据中查询需要的数据,可以直接从前台GridView表中取得数据,问题来了,怎么判断选中了,怎么后去选中的那条信息的主键(或者获得整条信息)两个方向,到底哪个效率哪个更优?
二、解决方法
ONE
1. 前台获取选中行的主键信息,通过JSON格式,传送到后台,后台解析后,再从数据库中取得数据,通过DataTable导出到Excel
⑴. 导出所选操作
代码如下:
<asp:Button ID="Export" runat="server" CssClass="btn-lit" Text="导出所选" OnClientClick="return getnumberExport()" OnClick="Export_Click"/>
⑵. 前台JS,获取选中行的那条信息的主键,也就是GridView要有一列是主键,获取到所有的主键以JSON格式保存,然后传到服务器
代码如下:
<script type="text/javascript">
function getnumberExport() {
if (ExportCheck()) {
//通过GridView ID获取元素
var gv = document.getElementById("ctl00_ContentPlaceHolder1_gridView");
//获取GridView的Input html
var mycheck = gv.getElementsByTagName("input");
//定义一个新数组
var fam = new Array();
var hg;
var id;
//循环检测checkbox标签,获取每条数据的主键信息
for (var i = 0; i < mycheck.length; i++) {
if (mycheck[i].type == 'checkbox')//hidden
{
//如果checkbox被选中
if (mycheck[i].checked == true) {
var numid = new Object();
hg = gv.rows(i + 1).cells(20).innerHTML;
//substring() 方法用于提取字符串中介于两个指定下标之间的字符。
//LastIndexOf()倒取字符串,从后往前取到指定的字符
hg = hg.substring(hg.lastIndexOf("=") + 1, hg.lastIndexOf("\""));
//获取一条数据的主键
id = gv.rows(i + 1).cells(1).innerHTML;
numid.number = hg;
numid.id = id;
fam.push(numid);
}
}
}
//$.ajaxSetup({
// async: false //设置为同步请求
/