Wijmo UI for the Web
wijmenu jQuery ウィジェット
アニメーション効果、画像項目とチェックボックス項目、インタラクティブな項目スクロールを備えたマルチレベルのメニューを作成します。アプリケーション内のコンテキストヘルプ用のポップアップメニューも作成します。
シンタックス
Javascript (Usage) 
$(function () {
    var options; //タイプ: wijmo.menu.wijmenu.options
     
    $(".selector").wijmenu(options);
});
Javascript (Specification) 
function wijmenu() : any;
オプション
 名前解説
public オプションanimation

型: wijmo.menu.wijmenu_animation

animation オプションは、showAnimation プロパティと hideAnimation プロパティが個別に指定されていない場合のメニューアニメーションを決定します。アニメーション効果とイージング効果の説明については、「アニメーション」ページを参照してください。

 
public オプションbackLink

デフォルト値: true

このオプションは、iPod スタイルのメニューに戻るリンクとブレッドクラムヘッダのどちらを表示するかを決定します。

 
public オプションbackLinkText

デフォルト値: 'Back'

このオプションは、戻るリンクのテキストを設定します。

 
public オプションcheckable

デフォルト値: false

checkable オプションを true に設定してメニュー項目をクリックすると、クリックされた項目が選択状態になります。 項目の動作および項目の外観が異なるものになるように、"ui-state-active" クラスが項目に追加されます。

 
public オプションcrumbDefaultText

デフォルト値: 'Choose an option'

トップブレッドクラムのデフォルトテキストを設定する値。

 
public オプションdirection

デフォルト値: 'ltr'

メニューの方向を示す値。

 
public オプションensureSubmenuOnBody

デフォルト値: false

サブメニュー要素がボディとメニューコンテナーのどちらに追加されるかを示す値。

 
public オプションhideAnimation

型: wijmo.menu.wijmenu_animation

サブメニューを非表示にするときに使用されるアニメーションを決定します。

 
public オプションhideDelay

デフォルト値: 400

このオプションは、フライアウトメニューのサブメニューが非表示になるまでの遅延時間(ミリ秒単位)を決定します。

 
public オプションitems

デフォルト値: null

子項目のオプション。

 
public オプションmaxHeight

デフォルト値: 200

このオプションは、iPod スタイルメニューの最大の高さを決定します。

 
public オプションmode

デフォルト値: 'flyout'

mode オプションは、メニューの動作(ポップアップメニューと iPod スタイルのナビゲーションリストのどちらであるか)を定義します。

 
public オプションorientation

デフォルト値: 'horizontal'

このオプションは、ルートメニューの向きを制御します。ルートメニューの向きにかかわらず、サブメニューはすべて縦向きになります。

 
public オプションposition

position オプションは、メニューを開くために使用するボタンまたはリンクに対するメニューの位置と向きを指定します。

 
public オプションshowAnimation

このオプションは、サブメニューを非表示にするときに使用されるアニメーション効果、持続時間、およびイージング効果を決定します。 また、このオプションを使用してアニメーションに固有のオプション(方向など)を設定することもできます。

 
public オプションshowDelay

デフォルト値: 400

このオプションは、フライアウトメニューのサブメニューが表示されるまでの遅延時間(ミリ秒単位)を決定します。

 
public オプションslidingAnimation

型: wijmo.menu.wijmenu_slidingAnimation

このオプションは、スライディングモード時にサブメニューのスライドに使用されるアニメーションを定義します。

 
public オプションsubmenuTriggerEvent

デフォルト値: 'default'

submenuTriggerEvent オプションは、サブメニューの表示に使用されるマウスイベントを指定します。submenuTriggerEvent が 'default' の場合は、triggerEvent オプションから値が取得されます。

 
public オプションsuperPanelOptions

デフォルト値: null

このオプションは、スーパーパネルが作成されるときにスーパーパネルのオプションに設定するハッシュ値を指定します。これを使用して、スライディングモードでスクロールバーが表示されるときの外観や動作を設定します。

 
public オプションtopLinkText

デフォルト値: 'All'

トップリンクのテキストを設定する値。

 
public オプションtrigger

デフォルト値: ""

trigger オプションは、メニューまたはサブメニューの open イベントを処理します。 このオプションは triggerEvent オプションと組み合わせて使用する必要があります。

 
public オプションtriggerEvent

デフォルト値: 'click'

triggerEvent オプションは、メニューまたはサブメニューの表示に使用されるマウスイベントを指定します。triggerEvent は trigger オプションと組み合わせて使用する必要があります。

 
トップ
メソッド
 名前解説
public メソッドactivateこのメソッドはメニュー項目をアクティブにします。そのために、現在の項目を非アクティブ化して新しい項目にスクロールし、必要に応じてその項目をアクティブ項目にして、focus イベントを発生させます。  
public メソッドaddメニュー項目に子メニュー項目を追加します。  
public メソッドdeactivatedeactivate メソッドは、現在の選択を解除します。 このメソッドは、以前に項目を選択したメニューを再び開くときに役立ちます。このメソッドを呼び出さない場合、メニューを再び開いたときに、前回選択した項目が強調された状態で表示されます。  
public メソッドdestroydestroy メソッドは、wijmenu 機能を完全に除去し、要素を初期化前の状態に戻します。  
public メソッドfirstfirst メソッドは、最初のメニュー項目をアクティブ項目として定義します。  
public メソッドgetItems子項目のコレクションを取得します。  
public メソッドhideAllMenushideAllMenus メソッドは、現在表示されているすべてのメニュー項目を非表示にします。  
public メソッドlastlast メソッドは、最後のメニュー項目をアクティブ項目として定義します。  
public メソッドnextnext メソッドは、次の選択可能な項目を取得します。 アクティブな項目がない場合、または最後の項目がアクティブな場合は、最初の項目が選択されます。 選択可能な項目がない場合は null を返します。  
public メソッドnextPageこのメソッドは next メソッドによく似ていますが、次の選択可能な項目に進むのではなく、ページ全体が次のページにジャンプします。このメソッドは iPod スタイルのメニューを使用しているときに呼び出すことができます。  
public メソッドprevious前の選択可能な項目を取得します。 アクティブな項目がない場合、または最初の項目がアクティブな場合は、最後の項目が選択されます。 前に選択可能な項目がない場合は null を返します。  
public メソッドpreviousPageこのメソッドは previous メソッドによく似ていますが、ページ全体が前のページにジャンプします。このメソッドは iPod スタイルのメニューを使用しているときに呼び出すことができます。  
public メソッドrefreshこのメソッドは、DOM 操作によってメニュー項目を追加または置き換えたときにメニューを更新するために使用します。 たとえば、menu.append によって新しいメニュー項目を追加した場合、refresh メソッドを使用することで、新しいメニュー項目をメニューに確実に表示できます。  
public メソッドremoveメニューから項目を削除します。  
public メソッドselectこのメソッドはアクティブ項目を選択し、その項目の select イベントを発生させます。このイベントは独自のキーボード処理を行う場合に役立ちます。  
public メソッドsetItemDisabledsetItemDisabled メソッドを使用すると、特定のメニュー項目を無効にできます。  
public メソッドwidgetオリジナルの要素またはその他の関連する生成要素を含む jQuery オブジェクトを返します。  
トップ
イベント
 名前解説
public イベントblurblur イベントは、メニュー項目がフォーカスを失ったときに呼び出されます。 このイベントを使用して、フォーカスを失った項目を追跡できます。 項目は、[Tab]キーが押されたときなど、キーボードコマンドによってフォーカスを失います。また、ユーザーがページの他の場所をクリックしたときにもフォーカスを失います。  
public イベントfocusfocus イベントは、マウスホバー時、またはナビゲーションのためにキーボードの方向キーが使用されたときに発生します。一般に、フォーカスが与えられた項目または要素は何らかの方法で強調表示されます。 項目または要素がフォーカスを受け取ると、まずキーボード関連のイベントが受信されます。  
public イベントhiddenhidden イベントは、メニューまたはサブメニューが非表示になった後に発生します。  
public イベントhiddinghidding イベントは、メニューまたはサブメニューが非表示になる前に発生します。このイベントは、false を返すことによってキャンセルできます。  
public イベントselectselect イベントは、メニュー項目が選択されたときに呼び出されます。このイベントは、独自のキーボード処理を行うために select メソッドによって呼び出すことができます。  
public イベントshowingshowing イベントは、メニューまたはサブメニューが表示される前に発生します。 showing イベントは、サブメニューが表示される前に何らかの関数を実行する場合に役立ちます。false を返した場合、サブメニューは表示されません。  
public イベントshownshown イベントは、メニューまたはサブメニューが表示された後に発生します。  
トップ

関連トピック

参照

Menu
wijmenu jQuery ウィジェット

 

 


Copyright © GrapeCity inc. All rights reserved.