YUI Container で Ajax な気分
Table Setup その2 でちょいとだけ説明してたんですが、PHPMaker 正規ユーザーは Extensions にて標準で同梱されている FCKeditor と DHTML Calendar 以外に、ここで説明する YUI Container や CAPTCHA などを利用可能です。
Master/Detail で設定した Detail側のテーブル参照を Ajax な感じでマウスオーバーに合わせて表示してくれます。その他にもサーチ窓の非表示リンクとか小技も自動的に入るみたいです。
YUI Container のインストール
hkvstoreのログインページから入って p5ext.zip をダウンロードします。あとはextensionsフォルダにxmlファイルと一緒に解凍してTools→ExtensionsでYUI Containerをイネーブルにしましょう。
フィールドセットアップで説明したエンコード関係の修正をしておかないと多分文字化け状態だと思われます。
そんでもってYUIに関しては特に設定しなくても勝手に Master/Detail とサーチの表示非表示がAjaxで動きます。Master/Detail はページ遷移なしで確認できたりするので結構便利かも。
左のサンプル画像にマウスカーソルは写っていませんが部署コード1(営業部)の社員名簿...の上にマウスを置いた状態です。オレンジの枠が部署(営業部)でフィルタリングされた社員名簿としてポップアップしてきます。
ポップアップ表示されるテーブルの配色などはHTMLセッティングが適用されています。なのでYUI Containerを使うなら Table Width を大きく取ったり100%とかにしない方が良いです。横幅が巨大なテーブルとしてポップアップされても左端が画面外に行っちゃって見えんし
名前とかIDはもの凄ーく適当に入力したので気にしないようにｗ
« Previous