手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >jqgrid 表格数据导出实例
jqgrid 表格数据导出实例
摘要:首先,是一段javascript脚本:复制代码代码如下:/*****@paramtable_id表格的id*@paramcontainer_...

首先,是一段javascript脚本:

复制代码 代码如下:

/**

*

*

* @param table_id 表格的id

* @param container_id 容器的id

* @param form_id 提交表单的id

* @param title 文件名

* @param rownumbers

*/

function getXlsFromTbl(table_id, container_id ,form_id, title, rownumbers) {

try {

var content = "";

if (table_id != null && table_id != "" && table_id != "null") {

<SPAN> </SPAN>content = getTblData($('#' + table_id), $('#' + container_id), rownumbers);

}

if (content == "") {

alert("表格不存在");

return;

}

var fileName = getExcelFileName(title);

doFileExport($('#' + form_id), fileName, content);

}

catch (e) {

alert("导出异常:" + e.name + "->" + e.description + "!");

}

}

function getTblData(tableobj, containerobj, rownumbers) {

var outStr = "";

if (tableobj != null) {

var rowdata = tableobj.getRowData();

var Lenr = 1;

for (i = 0; i < Lenr; i++) {

//var Lenc = curTbl.rows(i).cells.length;

var th;

if (rownumbers == false) {

th = containerobj.find('TH:not(:first-child)');

}

else {

th = containerobj.find('TH');

}

th.each(function(index, element) {

var j = index + 1;

var content = $(element).text();

content = content.replace(/(^s*)|(s*$)/g, "");//去掉空格

outStr += content + ",";

});

outStr += "+nl+";

}

var tmp = "";

for (i = 0; i < rowdata.length; i++) {

var row = eval(rowdata[i]);

for (each in row) {

<SPAN> </SPAN>var temp = $(row[each]).text();

<SPAN> </SPAN>if($(row[each]).text() == null || $(row[each]).text() == ""){

<SPAN> </SPAN>if(row[each].charAt(0) != '<')

<SPAN> </SPAN>outStr += row[each] + ",";

<SPAN> </SPAN>

<SPAN> </SPAN>}

<SPAN> </SPAN>else

<SPAN> </SPAN>outStr += $(row[each]).text() + ",";

}

outStr += "+nl+";

}

}

else {

outStr = null;

alert(inTbl + " null!");

}

return outStr;

}

function getExcelFileName(title) {

var d = new Date();

var curYear = d.getYear();

var curMonth = "" + (d.getMonth() + 1);

var curDate = "" + d.getDate();

var curHour = "" + d.getHours();

var curMinute = "" + d.getMinutes();

var curSecond = "" + d.getSeconds();

if (curMonth.length == 1) {

curMonth = "0" + curMonth;

}

if (curDate.length == 1) {

curDate = "0" + curDate;

}

if (curHour.length == 1) {

curHour = "0" + curHour;

}

if (curMinute.length == 1) {

curMinute = "0" + curMinute;

}

if (curSecond.length == 1) {

curSecond = "0" + curSecond;

}

var fileName = title + "_" + curYear + curMonth + curDate + "_"

+ curHour + curMinute + curSecond + ".csv";

return fileName;

}

function doFileExport(formobj, filename, content) {

<SPAN> </SPAN>formobj.html("<input id='filename' name='filename' type='text'><input id='content' name='content' type='text'>");

$("#filename").val(filename);

$("#content").val(content);

formobj.submit();

}

接着是页面调用的javascript:

复制代码 代码如下:

<form id="download_form" method="post" target="_blank" action="downLoadTableDataAction">

复制代码 代码如下:

<div id="table_container">

<SPAN> </SPAN><table id="keyword_detail"></table>

<SPAN> </SPAN><div id="footer"></div>

</div>

复制代码 代码如下:

//下载

$('#download_file').click(function() {

getXlsFromTbl('keyword_detail', 'table_container' ,'download_form', '关键词详细数据', true)

});

【jqgrid 表格数据导出实例】相关文章:

JavaScript数据结构与算法之链表

创建表格,并添加事件

jQuery插件制作之参数用法实例分析

表格轮换显示 强

javascript组合使用构造函数模式和原型模式实例

jquery表单对象属性过滤选择器用法

jquery实现弹出层效果实例

javascript实现表格增删改操作实例详解

Javascript中With语句用法实例

微信WeixinJSBridge API使用实例

精品推荐
分类导航