0

ここで説明されているように：

https://developers.google.com/apps-script/html_service#GoogleScriptAPI

データの送信を許可するために、Google アプリ スクリプトの HTML インターフェース テンプレートで小さなフォームを使用しています。

<form id='myForm'><input type='button' onclick='google.script.run.processForm(this.parentNode)'></form>

これは、スプレッドシートのセルを次のように更新するスクリプトの関数にヒットします。

function processForm(params) {
  var ss = SpreadsheetApp.openById(XXXXXXXXX);
  var email_sheet = ss.getSheetByName('Week '+(parseInt(params['week'],10)+1)+' Assignments');
  var range = colName(parseInt(params['assignment'],10)+1) + (parseInt(params['match'],10)+1);
  var existing_val = email_sheet.getRange(range).getValue()
  email_sheet.getRange(range).setValue(existing_val+ params['submission']);
}

そこにある私の大規模なシステムに特有のことがたくさんありますが、これにより、クラスの生徒が課題情報を送信できるようになり、Google ログインに対応するスプレッドシート内の場所にダンプされ、ページを更新すると、 HTML インターフェイスが更新され、送信の受信が示されます。インターフェイスは次のようになります。

Google アプリ スクリプト フォーム送信を使用した htmlinstance インターフェイス

これが機能するようになっただけで、学生の提出物の管理が大幅に簡素化されるため、シャンパンをポップしていますが、現時点では、ユーザーが送信ボタンを押したときにフォームを削除する即時更新がある場合、インターフェースははるかに直感的になります。 、赤い十字から緑のチェックマークに切り替えます。現時点では、ユーザーはページ全体をリロードする必要があります。

ドキュメントを読むことから：

https://developers.google.com/apps-script/html_service#Caja

jqueryUI はこのようなことを行う方法のようですが、jqueryUI が Google アプリ スクリプトのフォーム送信でうまく機能するかどうかはわかりません。私は jqueryUI を詳細に研究する予定ですが、これら 2 つが混在するかどうかを誰かが知っているかどうか疑問に思いました。

件名を検索すると、JQueryUI が Google アプリ スクリプト UIInstance と混在しないことがわかります

GUI を生成するために jQuery と UiInstance を混在させる方法

しかし、私はhtmlinstanceで作業しているので、jqueryは問題ないはずですよね? それとも、間違ったツリーを完全に吠えていますか?

よろしくお願いします

ps送信ボタンのスタイルを改善する方法を本当に解決する必要があります。また、テキストファイルでリターンを押すと、完全なフォーム送信が行われ、このエラーが発生するようです「このWebページは利用できません9f9e682e-25caのサーバーDNS ルックアップに失敗したため、-4eae-b4f9-6cac8db35390.foo.bar が見つかりません。DNS は、Web サイトの名前をそのインターネット アドレスに変換するネットワーク サービスです。-そのエラーをオンラインで検索しましたが、喜びはありません-うまくいけば、JQueryUIがこれを修正するのに役立つことを願っています.Cajaサニタイズを使用しても...これまでに得たインターフェースで損失を削減する必要があるかどうかについて意見を求めたい...

4

1 に答える 1

1

通常、jQuery と jQueryUI を で使用できますHtmlService。スクリプトのフォーム送信部分に干渉しません。ページ、フォーム、またはその外観は、それらの値の処理には影響しません。

しかし、あなたの説明から、この「アイコンの切り替え」と「入力とボタンの非表示」を行うために本当に必要なのは、古き良きJavaScriptです。jQuery を使用すると簡単になります (コードが少なくなります) が、単純な JavaScript に慣れていない場合は、おそらく設定が面倒になるだけです。同じことが jQueryUI にも当てはまり、美しいインターフェイスを簡単に構築できますが、あなたのインターフェイスはややシンプルに見え、jQueryUI はやり過ぎかもしれません。

お役に立てれば。

于 2012-10-26T19:38:35.583 に答える