この記事では、gusuku Everysiteを使用して、シンプルテーブルにkintoneアプリのレコードを表示し、さらにボタンを押した時にその行についてkintoneのレコード更新を行う方法をご紹介します。
動作例
エブリサイトで作成されたページのテーブル内の[更新]ボタンを押すと
対応するkintoneアプリのレコードが更新されます。
エブリサイトの画面デザイン
シンプルテーブルウィジェットにテキストとボタンと文字列入力（１行）のアイテムを配置しています。
シンプルテーブルにはkintoneのレコードのフィールドを表示したいので「表示するレコード」にはページ生成時処理のアクション番号1を指定します。
各テキストアイテムのパラメーターの[テキスト]には表示したいkintoneのフィールドを「=フィールドコード」の形で指定します。
文字列入力（１行）にはkintoneのレコードのレコード番号を初期値として設定します。
ページ内処理の例
やること「kintone のレコードを更新する」、条件「ボタンを押した時」だけのアクションでも実現可能なのですが、操作するユーザーにわかりやすくするために「処理中表示を行う」「処理中表示を終了する」などを利用しておくと良いでしょう。
ポイント
レコード番号は「kintone のレコードを更新する」のキーとして使うのですが、テキストアイテムに表示する方法だとボタンを押した行の内容が取得できません。
文字列入力（１行）アイテムを利用すると、「ボタンを押した時」に、ボタンを押した行に入力されている値を取得でき、${アイテムID}の形で利用ができます。
注意
2025年12月18日現在、シンプルテーブルウィジェット内の文字列入力（１行）アイテムを非表示（隠しておく）とすることができません。
幅を0pxにしていても少しだけ表示されます。
まとめ
以上がエブリサイトのページ内処理で、シンプルテーブルに表示したkintoneのレコードについてボタンを押した行だけ更新する例でした。