TOP > 技術系 > javascript >

YUIのMenuBarにクリックイベントを設定

| | コメント(0) | トラックバック(0)

json形式のデータからメニューバーを作ってくれるYUIのMenuBarですがtext,url,targetしか設定できずonclickにイベントをハンドリングできないかと思ったら出来るようです。

{ text: "Item Three", url:"javascript:onMenuItemClick(hoge)"  }

のようにjavascriptプロトコルで実行していたんだけども

{ text: "Item Three", onclick: { fn: onMenuItemClick } 

のようにしてcnclickにfnを設定すればOK

{ text: "Item Three", onclick: { fn: function(){onMenuItemClick(hoge)) } 

無名関数で実行すれば引数も渡すことが可能。

これでonbeforeunload問題に対応できそう。

教訓

マニュアルをちゃんと読もう。
Adding "click" event handlers to items in a Menu

トラックバック(0)

このブログ記事を参照しているブログ一覧: YUIのMenuBarにクリックイベントを設定

このブログ記事に対するトラックバックURL: http://www.kazumanishihata.com/mt/mt-tb.cgi/248

コメントする