ホームページ > ウェブフロントエンド > jsチュートリアル > jqgrid テーブル データ エクスポートの例_javascript スキル

jqgrid テーブル データ エクスポートの例_javascript スキル

WBOY
リリース: 2016-05-16 17:13:22
オリジナル
1616 人が閲覧しました

まず、これは JavaScript スクリプトです:

コードをコピーします コードは次のとおりです:

/**
*
*
* @param table_id テーブル ID
* @paramcontainer_id コンテナ ID
* @param form_id 送信フォーム ID
* @param タイトル ファイル名
* @パラメータ行番号
*/
function getXlsFromTbl(table_id,container_id ,form_id, title, rownumbers) {
try {
var content = ""; 


if (table_id != null && table_id != "" && table_id != "null") {
content = getTblData($('#' テーブル ID), $('#' コンテナ ID), 行番号); 
}
if (content == "") {
alter("表格無し"); 
戻る; 
}
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;  
変数 th; 
if (rownumbers == false) {
th =containerobj.find('TH:not(:first-child)'); 
}
else {
th =containerobj.find('TH'); 
}
th.each(function(index, element) {
var j = インデックス 1;
var content = $(element).text();
content = content.replace (/(^s*)|(s*$)/g, "");//去掉空格
outStr = content ",";
}); 
outStr = " nl "; 

var tmp = ""; 
for (i = 0; i var row = eval(rowdata[i]); 
for (各行) {
   var temp = $(row[each]).text(); 
   if($(row[each]).text() == null || $(row[each]).text() == ""){
       if(row[each].charAt(0) != '<')
           outStr = row[それぞれ] ","; 
        
   }
   else
       outStr = $(row[each]).text() ","; 
}
outStr = " nl "; 
}
}
else {
outStr = null; 
alert(inTbl " null!"); 
}
return outStr; 
}
function getExcelFileName(title) {
var d = new Date(); 
var cur Year = d.get Year(); 
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 "_" cur Year curMonth curDate "_"
curHour curMinute curSecond ".csv"; 


ファイル名を返します。 
}
function doFileExport(formobj, filename, content) {
formobj.html(""); 
$("#filename").val(filename); 
$("#content").val(content); 
formobj.submit(); 
}

続いて页面调用の javascript:

复制代代码如下:

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

コードをコピー コードは次のとおりです:

: pre" > >


コードをコピー コードは次のとおりです:
//ダウンロード
$(' #download_file' ).click(function() {
getXlsFromTbl('keyword_detail', 'table_container' ,'download_form', 'キーワード詳細データ', true)
}); >
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート