(license)みなさん、こんにちは!タカハシ(@ntakahashi0505)です。Makerでスプレッドシートをデータベースにしたアプリの作り方をお伝えしています。前回の記事はこちらです。Makerでスプレッドシートをデータベースにしたアプリの作り方をお伝えしています。Makerでフォームからデータベースとしてのスプレッドシートを更新する方法をお伝えします。Makerからデータベースとしているスプレッドシートのレコードを更新する方法をお伝えしました。今回から何回かにかけて、今度はレコードを削除する方法をお伝えしますよ。削除機能には「ポップアップ」を使ってみたいと思います。Makerで確認用のポップアップダイアログを作成する方法です。Makerでスプレッドシートをデータベースとして使う前回までのおさらいでは、おさらいから。スプレッドシートに従業員のデータを以下のようにリストしています。Makerで閲覧、更新ができるようなアプリケーションを作りたいわけです。これまでのシリーズで以下のようなことができるようになりました。「EditPage」のフォームで変更した内容をスプレッドシートに反映する閲覧、更新ができるようになったので、次は「削除」を機能として追加していきたいと思います。レコードが削除されるのも怖いので、確認用のポップアップを表示するようにしていきます。Makerではポップアップ(ダイアログという表現もします)も「Page」の一種として追加していきます。ポップアップページを作成していきます。Popup」のダイアログが開きますので、ここで「Popup」を選択して、「NEXT」をクリックします。Popup」のダイアログが開きます。dialog」を選択して「CREATE」です。これで、以下のように「PAGES」に「ConfirmationDialog」が追加されます。実は、ポップアップには多様な6タイプが用意されていて、その中から選ぶことができます。全部使いこなせたら、いろいろなことが実現できそうですね...!ボタン操作でポップアップを表示するポップアップはページとは異なり、それ単体で表示することができません。ボタン操作などでポップアップを表示するようにしてあげる必要があります。ここでは、EditPageのフォーム上のボタンからポップアップを表示できるようにしていきます。ポップアップ表示用のボタンを用意するまずは、ボタンを用意しましょう。左メニューから「EditPage」を選択して、フォームを表示します。Editorでポップアップ表示用に以下のように変更しちゃいましょう。action」を選択すると、以下のようにプリセットアクションのコードを確認できます。「ポップアップダイアログを表示する」というのは、プリセットで用意されている動作なわけですが、それをコードで書いたらどうなるの?がわかるわけです。ポップアップを表示するコード今回のプリセットアクションに対応するコードはこちらですね。true;Appオブジェクトのpopupsプロパティがありますね。app.popupsこれは、アプリケーションのポップアップの集合をPropertyMapオブジェクトとして返します。PropertyMapオブジェクトは含まれる要素をオブジェクト名をプロパティとして取り出せるという便利なやつでした。Makerでスプレッドシートをデータベースにしたアプリの作り方をお伝えしています。Makerでフォーム上のLabelやTextBoxのデータを取得してサーバースクリプトに渡す方法です。tonari-it.com2019.06.11そこからオブジェクト名「ConfirmationDialog」で取り出すと、それはどうやらPopupOverlayというオブジェクトのようです。Makerドキュメントでこのクラスが確認できていないのですが、visibleというプロパティでその表示・非表示をコントロールできるようですね。ポップアップの表示を確認するでは、「PREVIEW」をして、ポップアップの表示動作について確認をしてみましょう。Page」の「DELETE」ボタンをクリックしますすると、以下のようなポップアップが表示されます。ACTION」ボタンも、どちらを押してもただポップアップが閉じるだけですね。Makerで確認用のポップアップダイアログを作成する方法をお伝えしました。ポップアップもページの一種なので、これまでのページと同様に作成できますね。種類がある...可能性が広がりますね!さて、次回は作成したポップアップの表示や機能を変更していきます。Makerでスプレッドシートをデータベースにしたアプリの作り方をお伝えしています。Makerでポップアップダイアログの表示を変更する方法とバインディング式についてお伝えしていきます。このシリーズでは、スプレッドシートをデータベースとして簡単なアプリケーションを作る方法をお伝えします。プランノーツ代表、コミュニティ「ノンプロ研」主宰。ITで日本の『働く』の価値を上げる!」をテーマに、VBA&GASの開発、講師、執筆などをしております。→詳しいプロフィールはコチラ★ご依頼・ご相談はお気軽にどうぞ!→お問い合わせはコチラ★フォロー頂ければ嬉しいです。「コミュニティ+講座」形式で継続性&教え合える環境も提供。!ノンプログラマーがプログラミングスキルを身に着ける支援ををするコミュニティ。セミナー・もくもく会・Facebookグループのサポートで「自らで学び続ける力をつける」支援、「教え合うことで学びの価値を上げる」場の提供をしています。Makerのチュートリアルをお送りしています。今回からデータベースを使用するアプリを作ります。Tableタイプのモデルのです。Makerアプリの作り方についてシリーズでお伝えしています。MakerのPopupページでナビゲーションメニューを作成していきます。Makerアプリの作り方についてシリーズでお伝えしています。Makerでテーブルをページに配置する方法をお伝えします。Makerアプリの作り方についてシリーズでお伝えしています。SQLデータベースにデータ追加するフォーム作成する方法です。Makerアプリ開発、その概要と経緯と道筋についてです。Makerでスプレッドシートをデータベースにしたアプリの作り方をお伝えしています。Makerで作成したポップアップダイアログのボタンクリックによるイベントを設定する方法です。「コミュニティ+講座」形式で継続性&教え合える環境も提供。詳細・お申込はこちら隣ITを応援する当ブログを「応援したい!」「役に立ったよ!」というお気持ちを、コチラからお支払いただくことができます。日々更新の活力倍増いたします。※PayPalアカウントが必要です。※金額は変更可能です。Platform23HTML・CSS32iPhone・アプリ29Monaca・スマホアプリ開発7PC全般・Windows86PowerPoint・VBA28Python87RPA1VBScript15Vue.js・JavaScript13WEBサービス・クラウド68WordPress・ブログ88Word・VBA42コミュニティ・イベント108セミナーのお知らせ11チャットワーク72データ分析・アクセス解析40仕事・生産性・働き方73動画配信8商業出版21起業・フリーランス72電子書籍・Kindle3運営会社プランノーツは"IT×働き方改革"をお手伝いする会社です。「コミュニティ+講座」形式で継続性&教え合える環境も提供。詳細・お申込はこちら隣ITを応援する当ブログを「応援したい!」「役に立ったよ!」というお気持ちを、コチラからお支払いただくことができます。日々更新の活力倍増いたします。※PayPalアカウントが必要です。※金額は変更可能です。Platform23HTML・CSS32iPhone・アプリ29Monaca・スマホアプリ開発7PC全般・Windows86PowerPoint・VBA28Python87RPA1VBScript15Vue.js・JavaScript13WEBサービス・クラウド68WordPress・ブログ88Word・VBA42コミュニティ・イベント108セミナーのお知らせ11チャットワーク72データ分析・アクセス解析40仕事・生産性・働き方73動画配信8商業出版21起業・フリーランス72電子書籍・Kindle3運営会社プランノーツは"IT×働き方改革"をお手伝いする会社です。RowSourceプロパティとAddItemメソッド2020.01.21GASでGoogleスライドのSlideオブジェクトの概要とその取得方法2020.01.162020.01.24Facebookページいつも隣にitのお仕事タイトルとURLをコピーしました。