CookBook

画面アイテム「グリッドテーブル」で全行クリアする方法

投稿日:

このCookBookでは、IM-BISの画面アイテムであるグリッドテーブルで、入力データを全行クリアする方法について紹介します。
「グリッドテーブル」は、jqGridを利用しており、入力されたデータをすべてクリアする場合、jqGridのスクリプトclearGridData()を使うことで実現可能です。

前提条件

  • バージョン2018Summer以降の環境
  • IM-BISが環境に含まれています

完成イメージ

レシピ

  1. 「グリッドテーブル」を配置する
  2. スクリプトを記述した汎用アイテム「ボタン(イベント)」を配置する

「グリッドテーブル」を配置する

ツールキットの入力アイテムよりグリッドテーブルを選択、配置します。
プロパティ画面を開き、テーブル識別IDを設定してください。
この記事では、デフォルトのgt1というテーブル識別IDの利用を前提としてご紹介します。

スクリプトを記述した汎用アイテム「ボタン(イベント)」を配置する

ツールキットの汎用アイテムよりボタン(イベント)を選択、配置します。
プロパティ画面を開き、スクリプトタブを選択し以下を記述します。

フォームを更新したら完成です。
完成イメージのように値を入力し、ボタン(イベント)を押下することでグリッドテーブル全行がクリアされます。

-CookBook
-, ,

執筆者:


comment

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

関連記事

no image

imuiValidateでhiddenの隠し要素をバリデーションする方法

このCookBookでは、imuiValidateでhiddenの隠し要素をバリデーションする方法について紹介しています。 今回は閉じられたimuiGadgetBar 内の入力項目に対して、クライアン …

no image

後処理プログラムで画面アイテム「ファイルアップロード」にバリデーションを実行する方法

このCookbookでは、画面アイテム「ファイルアップロード」に添付されたファイルをバリデーションする方法を紹介します。 後処理プログラムを使用してバリデーションを実行することで、画面に表示するエラー …

IM-BloomMaker リッチテーブルの特定の行の背景色を変更する方法

このCookBookでは、リッチテーブルの特定の行の背景色を変更する方法について紹介しています。 ※固定値を指定することで行を指定しています。指定する行を動的に変更することはできません。 完成イメージ …

no image

Web API Maker を利用した API の作成方法

この CookBook では、Web API Maker を利用した API の作成方法 について紹介しています。 Web API Maker を利用したプログラミングは intra-mart Acc …

no image

IM-BloomMaker Bulma で IM-Knowledge のコンテンツ一覧画面を作ってみよう

2020 Summer から IM-BloomMaker に新しくコンテンツ種別 Bulma が追加されました。 この CookBook では Bulma のエレメントを用いて、IM-Knowledg …