js は Excel コードのエクスポートを実装します
本文主要和大家分享js实现导出Excel,主要以代码的形式和大家分享,希望能帮助到大家。
<%-- Created by IntelliJ IDEA. User: Administrator Date: 2017/7/10 Time: 13:39 To change this template use File | Settings | File Templates. --%> <%--按处室报表===--%> <%@ page contentType="text/html;charset=UTF-8" language="java" %> <%@ include file="/webpage/include/taglib.jsp" %> <html> <head> <title>固定报表</title> <meta name="decorator" content="default"/> <script src="${ctxStatic}/excel/excellentexport.min.js"></script> <script type="text/javascript"> $(document).ready(function() { if(${fmOrgDurationDays.year==null}) { $("#year").select2("val", 2017); $("#year2").select2("val", 2017); } }); </script> </head> <body class="gray-bg"> <%--<include file="/webpage/demo/header.jsp" />--%> <%--<link rel="import" href="/.../.../header.jsp>--%> <p class="wrapper wrapper-content"> <p class="ibox"> <p class="ibox-title"> <h5>固定报表 </h5> <p class="ibox-tools"> <a class="collapse-link"> <i class="fa fa-chevron-up"></i> </a> <a class="dropdown-toggle" data-toggle="dropdown" href="#"> <i class="fa fa-wrench"></i> </a> <ul class="dropdown-menu dropdown-user"> <li><a href="#">选项1</a> </li> <li><a href="#">选项2</a> </li> </ul> <a class="close-link"> <i class="fa fa-times"></i> </a> </p> </p> <p class="ibox"> <p class="ibox-content"> <p class="tabs-container"> <p> <table> <form:form id="searchForm" modelAttribute="fmOrgDurationDays" action="${ctx}/fixedreport/fmOrgDurationDays/" method="post" class="form-inline"> <input id="pageNo" name="pageNo" type="hidden" value="${page.pageNo}" /> <input id="pageSize" name="pageSize" type="hidden" value="${page.pageSize}" /> <table:sortColumn id="orderBy" name="orderBy" value="${page.orderBy}" callback="sortOrRefresh();" /> <!-- 支持排序 --> <tr> <td><span>开始年<span style="color:red">*</span>: </span></td> <td> <%--<form:select id="year" path="year" class="form-control m-b"><form:option value="" label=""/><form:options items="${fm_years}" htmlEscape="false"/></form:select>--%> <%--<%–<form:input path="year" htmlEscape="false" maxlength="4" class=" form-control input-sm"/>–%>--%> <form:select id="year" path="year" class="form-control m-b" style="width:120px"> <form:options items="${fns:getDictList('fm_years')}" itemLabel="label" itemValue="value" htmlEscape="false" /> </form:select> </td> <td><span>月<span style="color:red">*</span>: </span></td> <td><form:select path="month" class="form-control m-b" style="width:100px"> <form:options items="${fns:getDictList('fm_months')}" itemLable="label" itemValue="value" htmlEscape="false" /> </form:select> <%-- <form:input path="month" htmlEscape="false" maxlength="2" class=" form-control input-sm"/>--%> </p></td> <td><span>结束年<span style="color:red">*</span>: </span></td> <td> <%--<form:select id="year" path="year" class="form-control m-b"><form:option value="" label=""/><form:options items="${fm_years}" htmlEscape="false"/></form:select>--%> <%--<%–<form:input path="year" htmlEscape="false" maxlength="4" class=" form-control input-sm"/>–%>--%> <form:select id="year2" path="year2" class="form-control m-b" style="width:120px"> <%--<form:option value="" label=""/>--%> <form:options items="${fns:getDictList('fm_years')}" itemLabel="label" itemValue="value" htmlEscape="false" /> </form:select> </td> <td><span>月<span style="color:red">*</span>: </span></td> <td><form:select path="month2" class="form-control m-b" style="width:100px"> <form:options items="${fns:getDictList('fm_months')}" itemLable="label" itemValue="value" htmlEscape="false" /> </form:select> <%-- <form:input path="month" htmlEscape="false" maxlength="2" class=" form-control input-sm"/>--%> </p></td> <td><span>时长类型<span style="color:red">*</span> : </span></td> <td><form:select path="customDuration.durationType" class="form-control m-b" style="width:170px"> <form:option value="" label="" /> <form:options items="${fns:getDictList('fm_flowtype')}" itemLabel="label" itemValue="value" htmlEscape="false" /> </form:select></td> <td><span>出入境:</span></td> <td><form:select path="fmItfDclIoDecl.expImpFlag" class="form-control m-b" style="width:100px"> <form:option value="" label="" /> <form:options items="${fns:getDictList('fm_eoiflag')}" itemLabel="label" itemValue="value" htmlEscape="false" /> </form:select></td> </tr> </form:form> </table> </p> <p class="row"> <p class="col-sm-12"> <p class="pull-right"> <button class="btn btn-primary btn-rounded btn-outline btn-sm " onclick="search()"><i class="fa fa-search"></i> 查询 </button> <button class="btn btn-primary btn-rounded btn-outline btn-sm " onclick="reset()"><i class="fa fa-refresh"></i> 重置 </button> <a download="固定报表-按处室.xls" href="#" onclick="return ExcellentExport.excel(this, 'contentTable1', '固定报表');" class="btn btn-primary btn-rounded btn-outline btn-sm "><i class="fa fa-file-excel-o"></i>导出</a> </p> </p> </p> <p class="tab-content"> <p id="tab-1" class="tab-pane active"> <p style="width:100%;overflow-x:scroll" > <table id="contentTable1" class="table table-striped table-bordered table-hover table-condensed dataTables-example dataTable no-footer" style="width:2000px"> <thead> <tr class="hidden"> <th style="text-align: center; font-size: large" colspan="${cu.size() * 3 + 2}">固定报表(按处室统计)</th> </tr> <tr class="hidden"> <th style="text-align: center" colspan="${cu.size() * 3 + 2}"> </th> </tr> <tr> <th rowspan="2" style="width:100px">分支机构</th> <th rowspan="2" style="width:100px">处室代码</th> <c:forEach items="${cu}" var="bu"> <th colspan="3">${bu.durationName}</th> </c:forEach> </tr> <tr> <c:forEach items="${cu}" var="bu"> <th>时长(天)</th> <th>同比%</th> <th>批次</th> </c:forEach> </tr> </thead> <tbody> <c:if test="${map!=null&&map.size()>0}"> <c:forEach items="${map}" var="fm"> <tr> <td>${fm.NAME}</td> <td>${fm.ORGCODE}</td> <c:forEach items="${cu}" var="bu"> <td><fmt:formatNumber type="number" value="${fm.get(bu.durationCol.concat('Duration'))}" maxFractionDigits="2"/></td> <td><fmt:formatNumber type="number" value="${fm.get(bu.durationCol.concat('DurationRate'))*100}" maxFractionDigits="2"/>%</td> <td>${fm.get(bu.durationCol.concat("Batch"))}</td> </c:forEach> </tr> </c:forEach> <tr> <td colspan="2" align="center">总平均</td> <c:forEach items="${cu}" var="bu"> <td><fmt:formatNumber type="number" value="${zj.get(bu.durationCol.concat('Duration'))}" maxFractionDigits="2"/></td> <td><fmt:formatNumber type="number" value="${zj.get(bu.durationCol.concat('DurationRate'))*100}" maxFractionDigits="2"/>%</td> <td>${zj.get(bu.durationCol.concat("Batch"))}</td> </c:forEach> </tr> </c:if> <c:if test="${map1!=null&&map1.size()>0}"> <c:forEach items="${map1}" var="fm"> <tr> <td> <c:forEach items="${dname}" var="dna"> <c:if test="${dna.CODE==fm.ORGCODE}"> ${dna.NAME} </c:if> </c:forEach> </td> <td>${fm.ORGCODE}</td> <c:forEach items="${cu}" var="bu"> <td>${fm.get(bu.startTimeCol)}</td> <td><fmt:formatNumber type="number" value="${fm.get(bu.startTimeCol.concat('Rate'))*100}" maxFractionDigits="2"/>%</td> <td>${fm.get(bu.endTimeCol)}</td> </c:forEach> </tr> </c:forEach> <tr> <td colspan="2" align="center">总平均</td> <c:forEach items="${cu}" var="bu"> <td>${zj.get(bu.startTimeCol)}</td> <td><fmt:formatNumber type="number" value="${zj.get(bu.startTimeCol.concat('Rate'))*100}" maxFractionDigits="2"/>%</td> <td>${zj.get(bu.endTimeCol)}</td> </c:forEach> </tr> </c:if> </tbody> </table> </p> </p> </p> </p> </p> </p> </p> </p> </body> </html>
相关推荐:
以上がjs は Excel コードのエクスポートを実装しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

AI Hentai Generator
AIヘンタイを無料で生成します。

人気の記事

ホットツール

メモ帳++7.3.1
使いやすく無料のコードエディター

SublimeText3 中国語版
中国語版、とても使いやすい

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境

ドリームウィーバー CS6
ビジュアル Web 開発ツール

SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)

ホットトピック









印刷が必要なファイルを開いたときに、印刷プレビューで表の枠線が何らかの原因で消えてしまった場合は、早めに対処する必要があります。 file このような質問がある場合は、エディターに参加して次のコースを学習してください: Excel で表を印刷するときに枠線が消えた場合はどうすればよいですか? 1. 次の図に示すように、印刷する必要があるファイルを開きます。 2. 以下の図に示すように、必要なコンテンツ領域をすべて選択します。 3. 以下の図に示すように、マウスを右クリックして「セルの書式設定」オプションを選択します。 4. 以下の図に示すように、ウィンドウの上部にある「境界線」オプションをクリックします。 5. 下図に示すように、左側の線種で細い実線パターンを選択します。 6.「外枠」を選択します

Excelは日々の事務作業でデータ処理に使用されることが多く、「フィルター」機能を使用することが多いです。 Excel で「フィルタリング」を実行する場合、同じ列に対して最大 2 つの条件しかフィルタリングできません。では、Excel で同時に 3 つ以上のキーワードをフィルタリングする方法をご存知ですか?次に、それをデモンストレーションしてみましょう。 1 つ目の方法は、フィルターに条件を徐々に追加することです。条件を満たす 3 つの詳細を同時にフィルターで除外する場合は、まずそのうちの 1 つを段階的にフィルターで除外する必要があります。最初に、条件に基づいて姓が「Wang」の従業員をフィルタリングできます。 [OK]をクリックし、フィルター結果の[現在の選択をフィルターに追加]にチェックを入れます。手順は以下の通りです。同様に再度個別にフィルタリングを行う

私たちは日々の仕事や勉強で、他人からExcelファイルをコピーし、そのファイルを開いて内容を追加したり、再編集したりして保存することがありますが、互換性チェックのダイアログボックスが表示されることがあり、非常に面倒です。ソフトウェア. 、通常モードに変更できますか?そこで以下では、エディターがこの問題を解決するための詳細な手順を紹介します。一緒に学びましょう。最後に、忘れずに保存してください。 1. 図に示すように、ワークシートを開き、ワークシートの名前に追加の互換モードを表示します。 2. このワークシートでは、内容を変更して保存すると、図のように互換性チェックのダイアログが必ず表示され、非常に面倒です。 3. [Office] ボタンをクリックし、[名前を付けて保存] をクリックして、

データを処理していると、倍数や温度などのさまざまな記号が含まれるデータに遭遇することがあります。 Excel で上付き文字を設定する方法をご存知ですか? Excel を使用してデータを処理する場合、上付き文字を設定しないと、大量のデータを入力するのがさらに面倒になります。今回はエクセルの上付き文字の具体的な設定方法をエディターがお届けします。 1. まず、図に示すように、デスクトップで Microsoft Office Excel ドキュメントを開き、上付き文字に変更する必要があるテキストを選択します。 2. 次に、図に示すように、右クリックして、クリック後に表示されるメニューで「セルの書式設定」オプションを選択します。 3. 次に、自動的に表示される「セルの書式設定」ダイアログボックスで

ほとんどのユーザーは Excel を使用してテーブル データを処理します。実は Excel にも VBA プログラムがあります。専門家を除けば、この関数を使用したユーザーはあまり多くありません。VBA で記述するときによく使用されるのが iif 関数です。実際には、次の場合と同じです。関数の機能は似ていますが、iif関数の使い方を紹介します。 SQL ステートメントには iif 関数があり、Excel には VBA コードがあります。 iif 関数は Excel ワークシートの IF 関数と似ており、論理的に計算された真値と偽値に基づいて真偽値を判定し、異なる結果を返します。 IF 関数の使用法は (条件、はい、いいえ) です。 VBAのIF文とIIF関数、前者のIF文は条件に応じて異なる文を実行できる制御文であり、後者は条件に応じて異なる文を実行できる制御文です。

ソフトウェアの学習では、Excel が便利なだけでなく、実際の作業で必要なさまざまな形式に対応できるため、Excel の使用に慣れています。Excel は非常に柔軟に使用でき、今日は「みんなのために:Excelの読み取りモードを設定する場所」を持ってきました。 1. コンピュータの電源を入れ、Excel アプリケーションを開き、目的のデータを見つけます。 2. Excel で読み取りモードを設定するには 2 つの方法があります。 1 つ目: Excel には、Excel レイアウトで多数の便利な処理メソッドが配布されています。 Excelの右下に読み取りモードを設定するショートカットがあります。バツマークのパターンを見つけてクリックすると、読み取りモードに入ります。バツマークの右側に小さな立体マークがあります。 。

1. PPT を開き、Excel アイコンを挿入する必要があるページに移動します。 「挿入」タブをクリックします。 2. [オブジェクト]をクリックします。 3. 次のダイアログボックスが表示されます。 4. [ファイルから作成]をクリックし、[参照]をクリックします。 5. 挿入する Excel テーブルを選択します。 6. [OK] をクリックすると、次のページが表示されます。 7. [アイコンで表示]にチェックを入れます。 8. 「OK」をクリックします。

ソーシャルメディアの台頭が続く中、Douyinは人気のショートビデオプラットフォームとして多くのユーザーを魅了しています。 Douyin では、ユーザーは自分の生活を公開するだけでなく、他のユーザーと交流することもできます。このインタラクションにおいて、絵文字は徐々にユーザーが感情を表現する重要な手段になってきました。 1. WeChat で Douyin プライベート メッセージ絵文字を取得するにはどうすればよいですか?まず、Douyin プラットフォームでプライベート メッセージ絵文字を取得するには、Douyin アカウントにログインし、気に入った絵文字を参照して選択する必要があります。友達に送信するか、自分で収集するかを選択できます。 Douyin で絵文字パッケージを受信した後、プライベート メッセージ インターフェイスで絵文字パッケージを長押しし、「絵文字に追加」機能を選択できます。このようにして、この顔文字パッケージをDouyinの顔文字ライブラリに追加できます。 3. 次に、Douyin 顔文字ライブラリに単語を追加する必要があります
