Welcome !! 2010/03/10 05:56:33

YUI Container で Ajax な気分

Table Setup その2 でちょいとだけ説明してたんですが、PHPMaker 正規ユーザーは Extensions にて標準で同梱されている FCKeditorDHTML Calendar 以外に、ここで説明する YUI Container や CAPTCHA などを利用可能です。
Master/Detail で設定した Detail側のテーブル参照を Ajax な感じでマウスオーバーに合わせて表示してくれます。その他にもサーチ窓の非表示リンクとか小技も自動的に入るみたいです。

YUI Container のインストール

hkvstoreのログインページから入って p5ext.zip をダウンロードします。あとはextensionsフォルダにxmlファイルと一緒に解凍してTools→ExtensionsでYUI Containerをイネーブルにしましょう。
フィールドセットアップで説明したエンコード関係の修正をしておかないと多分文字化け状態だと思われます。

YUI ContainerそんでもってYUIに関しては特に設定しなくても勝手に Master/Detail とサーチの表示非表示がAjaxで動きます。Master/Detail はページ遷移なしで確認できたりするので結構便利かも。

左のサンプル画像にマウスカーソルは写っていませんが部署コード1(営業部)の社員名簿...の上にマウスを置いた状態です。オレンジの枠が部署(営業部)でフィルタリングされた社員名簿としてポップアップしてきます。

ポップアップ表示されるテーブルの配色などはHTMLセッティングが適用されています。なのでYUI Containerを使うなら Table Width を大きく取ったり100%とかにしない方が良いです。横幅が巨大なテーブルとしてポップアップされても左端が画面外に行っちゃって見えんしペロッ

名前とかIDはもの凄ーく適当に入力したので気にしないようにw


« Previous
Last Modified 2007/10/30 07:26:41

Blog Posts:

開発が遅れに遅れていた PacketiX VPN 3.0 のRC1が知らぬ間にリリースされていましたってニュースを、更...

ようやく Office Professional Plus 2010 Beta がTechNET [1]などでダウンロード可能になりました。機能...

更新です。あんま代わり映えせんけど。 * Google Chrome 4.0.223.16 [1] [2] [3] Links: ------...

ようやくGatewayのサポートサイト [1]に EC1400-31K が登場し、各種ドライバがダウンロード出来るように...

バージョン4系はちょっぴり久々かな? * Google Chrome 4.0.223.9 [1] [2] [3] Links: ------ [...

PHPMaker:

Recent Contents:

デル株式会社