Wijmo UI for the Web
wijtabs jQuery ウィジェット
画面領域を節約するために、切り替え可能な複数のセクションにコンテンツを分割します。タブをスクロール可能またはソート可能にしたり、ユーザーがタブを動的に追加できるようにします。
シンタックス
Javascript (Usage) 
$(function () {
    var options; //タイプ: wijmo.tabs.wijtabs.options
     
    $(".selector").wijtabs(options);
});
Javascript (Specification) 
function wijtabs() : any;
オプション
 名前解説
public オプションajaxOptions

デフォルト値: null

タブ内容のロード時に考慮される追加の Ajax オプション($.ajax を参照)。

 
public オプションalignment

デフォルト値: 'top'

コンテンツに対するタブの配置を決定します。

 
public オプションcache

デフォルト値: false

リモートタブの内容をキャッシュするかどうか(つまり、内容を一度だけロードするか、またはクリックのたびにロードし直すか)を決定します。

 
public オプションcollapsible

デフォルト値: false

ユーザーがタブを折りたたむことができるかどうかを決定します。これを true に設定すると、再度選択したときにすでに選択されているタブが折りたたまれます。

 
public オプションcookie

デフォルト値: null

最後に選択されたタブを cookie に保存します。 その後、この cookie を使用して、開始時に selected オプションが定義されていない場合に選択するタブが決定されます。 このオプションには cookie プラグインが必要です。このオブジェクトには、cookie プラグインのオプションとして必要なキーと値のぺアを設定する必要があります。

 
public オプションdisabledIndexes

デフォルト値: []

初期化時に無効にするタブの位置(0 から始まるインデックス)を含む配列。

 
public オプションevent

デフォルト値: 'click'

タブの選択に使用されるイベントのタイプ。

 
public オプションhideOption

デフォルト値: null

タブのパネルの内容を非表示にするときのアニメーションオプション。

 
public オプションidPrefix

デフォルト値: 'ui-tabs-'

リモートタブ(のアンカー要素)に ID を生成するためのタイトル属性がない場合、このプレフィックスと $.data(el) によって返された一意の ID から id/フラグメント識別子が作成されます(例: "ui-tabs-54")。

 
public オプションpanelTemplate

デフォルト値: ""

add メソッドによってタブが追加される場合、または実行中にリモートタブ用のパネルが作成される場合に新しいタブパネルの作成元となる HTML テンプレート。

 
public オプションscrollable

デフォルト値: false

タブの数が指定した幅を超えたときに次の行に折り返すか、またはスクロールを有効にするかを決定します。

 
public オプションshowOption

デフォルト値: null

タブのパネルの内容を表示するときのアニメーションオプション。

 
public オプションsortable

デフォルト値: false

タブを新しい位置にドラッグできるかどうかを決定します。

 
public オプションspinner

デフォルト値: ""

この文字列の HTML コンテンツは、リモートコンテンツのロード中にタブのタイトルに表示されます。 空の文字列を渡すと、この動作が無効になります。 spinner の内容を表示するためには、タイトルの A タグに span 要素が存在する必要があります。

 
public オプションtabTemplate

デフォルト値: ""

新しいタブを作成して追加するための元となる HTML テンプレート。 プレースホルダの #{href} と #{label} は、add メソッドに引数として渡された URL とタブのラベルに置換されます。

 
トップ
メソッド
 名前解説
public メソッドabort実行中のすべてのタブ Ajax リクエストとアニメーションを終了します。  
public メソッドadd新しいタブを追加します。  
public メソッドdestroydestroy() メソッドは、wijtabs 機能を完全に除去し、要素を初期化前の状態に戻します。  
public メソッドdisableTabタブを無効にします。  
public メソッドenableTab無効なタブを有効にします。  
public メソッドlength最初に一致したタブペインのタブ数を取得します。  
public メソッドloadAjax タブの内容をプログラム的に再ロードします。 このメソッドは、cache が true に設定されている場合でも常に、タブの内容をリモートの場所からロードします。  
public メソッドremoveタブを削除します。  
public メソッドselectタブ(たとえば、クリックされたタブ)を選択します。  
public メソッドurlAjax(リモート)タブのロード元の URL を変更します。  
public メソッドwidgetオリジナルの要素またはその他の関連する生成要素を含む jQuery オブジェクトを返します。  
トップ
イベント
 名前解説
public イベントaddadd イベントハンドラ。タブが追加されたときに呼び出される関数。  
public イベントbeforeShowbeforeShow イベントハンドラ。タブが表示される前に呼び出される関数。  
public イベントdisabledisable イベントハンドラ。タブが無効になったときに呼び出される関数。  
public イベントenableenable イベントハンドラ。タブが有効になったときに呼び出される関数。  
public イベントloadload イベントハンドラ。 リモートタブの内容がロードされた後に呼び出される関数。  
public イベントremoveremove イベントハンドラ。タブが削除されたときに呼び出される関数。  
public イベントselectselect イベントハンドラ。タブをクリックしたときに呼び出される関数。  
public イベントshowshow イベントハンドラ。タブが表示されたときに呼び出される関数。  
トップ

関連トピック

参照

Tabs
wijtabs jQuery ウィジェット

 

 


Copyright © GrapeCity inc. All rights reserved.