apicloud apicloud

注册
查看: 299|回复: 3

[案例源码] exportExcel模块demo示例

版主

UID:83211

主题:
169
帖子:
9240
云币:
1995

APICloud粉丝模块开发者一周年你吃屎!女朋友SB侠APICloud大会专属勋章捣蛋鬼

[案例源码] exportExcel模块demo示例

299 3 | 发表于 2021-3-25 13:08:26 |阅读模式 | |
本帖最后由 52yaoer 于 2021-3-26 18:31 编辑

exportExcel封装了生成Excel文件的接口逻辑。

点击进入模块详情

  1. <!DOCTYPE html>
  2. <html>

  3. <head>
  4.         <title>Module Develop</title>
  5.         <meta charset="utf-8">
  6.         <meta name="viewport"
  7.                 content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
  8.         <style type="text/css">
  9.                 html,
  10.                 body {
  11.                         height: 100%
  12.                 }

  13.                 body {
  14.                         background-color: #fff;
  15.                         margin: 0;
  16.                 }

  17.                 #wrap {
  18.                         height: 100%;
  19.                         position: relative;
  20.                 }

  21.                 #header {
  22.                         padding-top: 20px;
  23.                         background-color: #5082c2;
  24.                         height: 44px;
  25.                         position: relative;
  26.                 }

  27.                 #header h1 {
  28.                         font-size: 20px;
  29.                         height: 44px;
  30.                         line-height: 44px;
  31.                         margin: 0em;
  32.                         color: #fff;
  33.                         margin-left: 100px;
  34.                         margin-right: 100px;
  35.                         text-align: center;
  36.                 }

  37.                 #main {
  38.                         display: -webkit-box;
  39.                         -webkit-box-orient: vertical;
  40.                         -webkit-box-pack: center;
  41.                 }

  42.                 a.button {
  43.                         display: -webkit-box;
  44.                         -webkit-box-orient: vertical;
  45.                         -webkit-box-pack: center;
  46.                         -webkit-box-align: center;
  47.                         height: 32px;
  48.                         margin: 8px;
  49.                         background-color: rgba(240, 240, 240, 1.0);
  50.                         border-color: rgba(220, 220, 220, 1.0);
  51.                         border-width: 2px;
  52.                         border-style: solid;
  53.                 }

  54.                 a.active {
  55.                         background-color: rgba(240, 240, 240, 0.7);
  56.                 }
  57.         </style>
  58. </head>

  59. <body>
  60.         <div id="wrap">
  61.                 <div id="main">
  62.                         <br />
  63.                         <a class="button" tapmode="active" onclick="createWorkbook()">创建Workbook</a>
  64.                         <a class="button" tapmode="active" onclick="createSheet()">创建Sheet</a>
  65.                         <a class="button" tapmode="active" onclick="writeString1()">设置合并标题</a>
  66.                         <a class="button" tapmode="active" onclick="setColumnSize()">设置列宽</a>
  67.                         <a class="button" tapmode="active" onclick="writeString2()">设置Excel内容</a>
  68.                         <a class="button" tapmode="active" onclick="closeWorkbook()">关闭Workbook</a>
  69.                         <br />
  70.                 </div>
  71.         </div>
  72. </body>
  73. <script type="text/javascript">
  74.         var demo = null;
  75.         var filename;
  76.         apiready = function () {
  77.                 demo = api.require('exportExcel');
  78.                 if (!demo) {
  79.                         alert("请添加模块后编译");
  80.                         return;
  81.                 }
  82.         }

  83.         function createWorkbook() {
  84.                 filename = 'fs://' + new Date().getTime() + '.xlsx';
  85.                 var ret = demo.createWorkbook({ filename: filename });
  86.                 alert(JSON.stringify(ret));
  87.         }

  88.         function createSheet() {
  89.                 var ret = demo.createSheet({ sheetName: 'Sheet1' });
  90.                 alert(JSON.stringify(ret));
  91.         }

  92.         function writeString1() {
  93.                 demo.writeString({
  94.                         row: 0,
  95.                         col: 0,
  96.                         data: '合并标题测试',
  97.                         style: {
  98.                                 textColor: 1,
  99.                                 fontSize: 20,
  100.                                 alignHorizontal: 1,
  101.                                 alignVertical: 2,
  102.                                 background: 9
  103.                         },
  104.                         merge: {
  105.                                 row: 0,
  106.                                 col: 9,
  107.                         }
  108.                 });

  109.                 alert('执行完成');
  110.         }

  111.         function setColumnSize() {
  112.                 for (var i = 0; i < 10; i++) {//列
  113.                         demo.setColumnSize({
  114.                                 col: i,
  115.                                 width: 20
  116.                         });
  117.                 }

  118.                 alert('执行完成');
  119.         }


  120.         function writeString2() {
  121.                 var row = 0;
  122.                 for (var i = 1; i < 100; i++) {//行
  123.                         row = i;

  124.                         for (var j = 0; j < 10; j++) {//列
  125.                                 demo.writeString({
  126.                                         row: row,
  127.                                         col: j,
  128.                                         data: '内容' + i,
  129.                                         style: {
  130.                                                 textColor: 9,
  131.                                                 fontSize: 20,
  132.                                                 alignHorizontal: 1,
  133.                                                 alignVertical: 2,
  134.                                                 borderArray: [{
  135.                                                         pointer: 4,//0:left 1:right 2:top 3:bottom 4:all
  136.                                                         lineStyle: 2
  137.                                                 }]
  138.                                         }
  139.                                 });
  140.                         }
  141.                 }
  142.                 alert('执行完成');
  143.         }

  144.         function closeWorkbook() {
  145.                 var ret = demo.closeWorkbook();
  146.                 alert(JSON.stringify(ret));
  147.         }

  148. </script>

  149. </html>
复制代码



模块定制开发 qq: 176142998

主题:
353
帖子:
49103
云币:
21303
发表于 2021-3-25 16:11:18 |

主题:
353
帖子:
49103
云币:
21303
发表于 2021-3-25 16:11:40 |
标题不太对

版主

UID:83211

主题:
169
帖子:
9240
云币:
1995

APICloud粉丝模块开发者一周年你吃屎!女朋友SB侠APICloud大会专属勋章捣蛋鬼

 楼主| 发表于 2021-3-25 17:20:12 来自手机 |
修改了。
您需要登录后才可以回帖 登录 | 立即注册

快速回复 返回顶部 返回列表