iT邦幫忙

2021 iThome 鐵人賽

DAY 21
0
Modern Web

來自 GAS 的香氣~跟鳳黃酥一起享受 Google Apps Script 的午茶時光系列 第 21

Day 21- To Do List (8) 利用 HTML Template 呈現資料

今天我們一起來實作用 HTML Template 來顯示 To-Do-List 的資料吧!

首先我們一樣先開一個 Google Apps Script 吧!

開好之後就來開始寫吧!

    function doGet() {
        return HtmlService.createTemplateFromFile('index').evaluate();
    }

    function getItems() {
        const sheetDatas = SpreadsheetApp.getActiveSpreadsheet().getSheets()[0].getDataRange().getValues();
        const datas = {
            event: [],
            isChecked: []
        };
        for (let i = 1; i < sheetDatas.length; i++) {
            datas.event.push(sheetDatas[i][1]);
            datas.isChecked.push(sheetDatas[i][2]);
        }
        return datas;
    }

處理好後我們來看到 index.html 的部分:


關於兔兔們:


我:恩…連續第三天我沒有把全部程式碼都放上來了…之後一定補齊!

上一篇
Day 20- To Do List (7) 了解 HTML Template
下一篇
Day 22- Google Apps Script 線上文件更新
系列文
來自 GAS 的香氣~跟鳳黃酥一起享受 Google Apps Script 的午茶時光23

尚未有邦友留言

立即登入留言