【SaaSForce】Grid列の非表示
- 2025年01月27日
本記事は、Grid列の非表示について説明します。
以下、操作方法になります。
開発画面メニューから「画面レイアウト」>〔編集〕
Gridでは左から1, 2, 3…といった順番で各列に列数が与えられています。
非表示にしたい列の列数を確認しましょう。
以下、操作方法になります。
開発画面メニューから「画面項目定義」>〔概要定義〕>「画面コントロール」>〔動作処理〕>「pageAfterload」というイベント関数の〔編集〕
Grid列の非表示は、下記のメソッドで実装することができます。
クライアントの場合:
「$(‘.datagrid th:nth-child(非表示にしたい列数)’).hide();
$(‘.datagrid td:nth-child(非表示にしたい列数)’).hide();
$(‘.datagrid col:nth-child(非表示にしたい列数)’).hide();」
サーバの場合:
「ActStr += “$(‘.datagrid th:nth-child(非表示にしたい列数)’).hide();”;
ActStr += “$(‘.datagrid td:nth-child(非表示にしたい列数)’).hide();”;
ActStr += “$(‘.datagrid col:nth-child(非表示にしたい列数)’).hide();”;」
関数編集画面の〔保存〕で関数を保存します。
開発画面メニューから「画面項目定義」>〔概要定義〕>「画面コントロール」>〔動作処理〕
上記の画面で変更した関数が選択されていることを確認して〔保存〕ボタンで保存し、関数を更新します。