iT邦幫忙

2023 iThome 鐵人賽

DAY 23
0
Modern Web

Google Apps Script 整合運用系列 第 23

查詢頁面

  • 分享至 

  • xImage
  •  

window.operateEvents


    'click .show': function (e, value, row, index) {//顯示單筆
      alert('查詢');//         
    }
  1. 利用 google.script.run.withSuccessHandler(onSuccess).show_custom(row.sn);

      'click .show': function (e, value, row, index) {//顯示單筆   
        google.script.run.withSuccessHandler(onSuccess).show_custom(row.sn);
        setIdAttribute('main-content','d-none');//關閉主畫面
        setIdAttribute('show','my-5');  //開啟等待畫面   
      }
  1. 後台程式 show_custom()

/* ==========================
  客戶 顯示單筆函式
============================*/
function show_custom(sn) {
  let sheet = 'day2';
  let stru = get_stru_custom();
  let row = get_row_by_sn(sn, sheet);
  let content = '';
  if (row) {
    content += Sheet.render('show_custom', { stru: stru, row: row }, '');
  }
  return content;
}
  1. 前台顯示畫面 onSuccess(html)

    /*===============================
    取得資料成功,回傳
    ===============================*/    
    function onSuccess(data) { 
      setIdAttribute('main-content','');      //開啟主畫面
      setIdAttribute('show','d-none');//關閉等待畫面
      Swal.fire({
        width: '95%',
        html: data,
        showCloseButton: true,
        showCancelButton: false,
        showConfirmButton: false
      });    
    } 


上一篇
客戶刪除
下一篇
整理函式
系列文
Google Apps Script 整合運用30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言