Google Apps腳本提示作出反應，「Enter」鍵，或HTML確認

Question

我試圖弄清楚如何使用Google Apps腳本在電子表格，其中確定是藍色的得到一個提示，你只需要敲擊回車（和ESC。取消）。

我試圖與HTML的確認與HTML服務，這將工作的偉大，但到目前爲止，我似乎無法得到它沒有那種額外的UI彈出工作打。另外，我不知道如何註冊用戶選擇的內容（OK或CANCEL），因爲這需要確定接下來的Apps腳本。有沒有一種方法可以從HTML文件中傳輸變量以用於腳本中？

p.s.之所以我需要這個而不是原生的Alert或Prompt，是因爲它需要兩個Tab點擊才能進入OK按鈕，或者您只需要使用鼠標。這是一個非常重複的任務，並且最終會產生大量額外的點擊。

有什麼想法？

Answer 1

不知道這是否會令你滿意，但使用側邊欄面板上顯示「確定/取消」按鈕可以完成這項工作。您可以通過Toast消息顯示任務/問題（這樣您就不會失去瀏覽器對側欄按鈕的注意力，因爲它會在模態框中發生）。然後，由於側欄始終顯示，您只需按下輸入或標籤並進入以選擇以前的焦點「確定」或「取消」。

我不完全知道如何連接主函數，烤麪包的消息和確定/取消面板，但我想這存儲在片本身例如一些數據可以做的工作。

例如：將「D5」單元座標存儲在工作表中的某處並運行函數。 Toast問你是否要修改D5（使用存儲的座標）。如果選擇是，則運行一個函數，獲取座標並繼續。

這是相當複雜的，可能是無情無義uneffective，但如果你的工作是真的如此重複，它可能節省一些時間。

Here的一個例子片（HTML代碼從我的一些舊腳本的截取）和代碼GS和HTML還提供下面。

Code.gs

function onOpen() { 

    var html = HtmlService.createHtmlOutputFromFile('sidebar') 
    .setTitle('a test'); 

    SpreadsheetApp.getUi() 
    .showSidebar(html) 
    .createMenu('——MENU') 
    .addItem('Test toast', 'openDialog') 
    .addToUi(); 
} 

// ok/cancel functions 
function func_ok(){ 
    SpreadsheetApp.getActiveSpreadsheet().toast('ok'); 
    // do something 
} 

function func_cancel(){ 
    SpreadsheetApp.getActiveSpreadsheet().toast('cancel'); 
    // do something 
} 

// toast function 
function openDialog() { 
    SpreadsheetApp.getActiveSpreadsheet().toast('you can display some information here and confirm in via the panel'); 
} 

sidebar.html

<div style='font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;background: linear-gradient(to bottom, #323232 0%,#ffffff 100%);padding-bottom:100%'> 

<section style='background:#FFE599'> 
<button onclick="google.script.run.func_ok();">OK</button> 
<button onclick="google.script.run.func_cancel();">Cancel</button> 
</section> 

</div> 


<!-- stylesheet --> 
<style> 

h4 { 
margin:auto auto 10px auto; 
border-bottom: 1px solid rgba(44, 44, 44, 0.3); 
padding:3px 10px; 
background: rgba(44, 44, 44, 0.1); 
text-align:center 
} 

button { 
background: #E5E5E5; 
border:none; 
border-bottom:2px solid #ccc; 
border-radius:2px; 
padding:3px 4px; 
margin:4px 10%; 
width:80% 
} 

button:hover { 
background:#efefef; 
cursor:pointer 
} 

section { 
padding-bottom:5%; 
margin: 0 2% 5% 2%; 
border-radius: 2px; 
box-shadow:0 1px 2px 1px #111111; 
} 
</style>