DocRingi31: DataTableを使って稟議記事の一覧表を作成する

Title: DataTableを使って稟議記事の一覧表を作成する

ダッシュボードに DataTable を使った稟議記事の一覧表を表示する手順は、次のようになります。

1. 稟議記事の DataTable を埋め込み表示する記事を作成する。

2. その記事をダッシュボードに埋め込み表示する。

DataTable を使うには、お使いの TeamPage に Download1682: DataTables プラグインをインストールする必要があります。

埋め込み表示用の記事を作成する

まずは DataTable を表示するための「土台」となる「記事」を作成します。

サイドバーの [新しい記事] をクリックします。

記事の作成/編集フォームが表示されます。パズルピース型アイコン（ウィジェットの挿入/編集）をクリックします。

表示されたウィジェットの一覧の中から [DataTables] をクリックします。

次のように入力・選択します。

タイトル ... 稟議記事の一覧（適当に）
ID (DataTable名） ... ringi-datatable （半角英数字記号のみ）
リクエストするスペース ... 稟議記事が投稿されているスペース
列に表示する項目（例）
- 記事 ID
- タイトル
- 担当会社
- 申請者
- 申請日
- 決裁日
- 決裁番号
- 関連する承認要求
リクエストの検索書式 ... x(ringi_article)
リクエストの最大件数 ... 50

[OK] をクリックすると、記事本文にウィジェットが挿入されます。

左下の [記事の送信] をクリックして記事を投稿します。

DataTableの表示を確認する

投稿された記事本文に DataTable による一覧表が表示されることを確認します。

新しい稟議記事を作成するための「追加」ボタンを設置する

セクションテーブルには、新しい稟議記事の作成フォームを表示するための「追加」ボタンが表示されますが、DataTable には「追加」ボタンを表示する機能がありません。

そこで、次のようにして「追加」ボタンを設置します。

まず、DataTable を埋め込んだ記事本文の最初に空行を挿入し、カーソルを移動します。パズルピース型アイコンをクリックして表示されたメニューの [すべて表示] を選択します。

ウィジェットの一覧が表示されます。[コードやコンテンツの埋め込み] を選択します。

テキストボックスに次の HTML コードを記入し、[OK] ボタンをクリックします。

新しい稟議記事を作成するには <a href="javascript:void(0)" class="button" rg="a#form&form=ringi_article">ここをクリック</a> してください。

最初の行にウィジェットが挿入されたことを確認し、フォーム左下の [記事の送信] をクリックして投稿します。

投稿された記事の 1 行目にメッセージとボタンが表示されます。

ボタンをクリックして稟議記事の新規作成フォームが表示されることを確認してください。

Attachments:

image01.png
image02.png
image03.png
image04.png
image05.png
image06.png
add1.png
add2.png
add3.png
add4.png
add5.png

参照されている (4)

DocRingi50: DataTableを使って承認要求の一覧表を作成する DocRingi38: 稟議ソリューションの構成とフロー DocRingi32: ダッシュボードに一覧表を表示する DocRingi1: 稟議プラグインの使い方マニュアル

参照している (1)

Download1682: DataTables プラグイン

Article: DocRingi31 (permalink)
Date: 2025/01/24; 11時53分45秒 JST

Author Name: TeamPage サポート
Author ID: jpbo