スクリプトでパンくずリストにタイトルを表示させるには？ - オープンソースのローコード開発ツールのプリザンター（pleasanter）ブログ

こんにちは。
リーデックス小川です。

梅雨前なのに、暑い日が続きますね。少し体力が落ちているような気がしているので、最近はMonsterというエナジードリンクをよく飲んでいます。

なんとなくですが、一日元気に過ごせる気がしています。お酒もそうですが、飲みすぎに注意ですね。

それでは本題です。今回はスクリプトでパンくずにタイトルを表示させる方法について、ご紹介します。プリザンターでは、編集画面でもパンくずリストの最後は一覧のタイトルととなりますが、そのページのタイトルを表示するほうが直感的にわかりやすい！という人はぜひ試してみてください。

パンくずとは、プリザンターの画面の上部に表示されている「ｘｘｘ＞YYYY＞」の部分のことです。

f:id:h-ogawa-reedex-co-jp:20190606192124p:plain

パンくずリストの由来はヘンゼルとグレーテルの童話からきているようです。詳細はWikipediaを参照ください。

今回は、上記画像赤枠の「商談＞」の右側にタイトル「グラフ化ツールの販売」を表示させます。

実際のスクリプトは下記となります。

$p.events.on_editor_load = function () {
$("#Breadcrumb").append('<li class="item">' + $("#HeaderTitle").text() + '</li>');
}

上記を管理画面のスクリプトに設定します。画面上部メニューの「管理」→「テーブルの管理」と進み、スクリプトタブをクリックします。新規作成ボタンをクリックし、下記のように入力します。

f:id:h-ogawa-reedex-co-jp:20190606192940p:plain

スクリプトについての詳細を知りたい方は、下記をご覧ください。

追加ボタン、元の画面で更新ボタンをそれぞれクリックし内容を保存したら準備は完了です。

それでは、編集画面を確認してみましょう。すると・・・

f:id:h-ogawa-reedex-co-jp:20190606193505p:plain

タイトルが表示されましたね。これをすべてのテーブルに適用したい場合は、拡張スクリプトに設定すればOKです。詳しくは下記マニュアルをご覧ください。

今回は、スクリプトでパンくずリストにタイトルを表示させるために必要なスクリプトをご紹介しました。いつもより分量が少ない気もしますが、来週開催されるセミナーの準備に追われているわけではありません！！

それではまた。

最後までご覧いただきありがとうございました。