データを表示する

施設名をクリックすると、個別のデータをダイアローグで表示します。
施設名の内容は、例えば、

<td class="pseude_link" hx-get="/view_institution/26" hx-target="#detail" hx-on::after-request="show_dialog()">あかんだな駐車場</td>

のようにしています。
上記の例では、

中身を書き換えた後のHTMLデータにも、しっかりイベントがついています。（けっこうすごい！）

pseude_linkクラスは、文字にアンダーラインを付け、カーソルの形状を変えるというもので、機能的に意味はありません。
こんな感じのダイアローグがでます。

show_dialog()では、モーダルダイアローグを表示していますので、「閉じる」ボタンを押すまで他の操作はできません。

関連記事一覧