tabItem
コンポーネント情報 | |
---|---|
モジュール | im_ui |
導入されたバージョン | 8.0.3 |
バージョン | 8.0.7 |
機能説明
- tabs タグ内に表示するタブのコンテンツ領域を生成します。
- ajax通信でコンテンツの中身を取得できます。
- タブを切り替えるたびに取得することも可能です。
- 読み込んだページはキャッシュすることができます。
- 削除アイコンをクリックすることでタブの削除が可能です。
- tabs と組み合わせて使用してください。
- 組み合わせて使用しない場合はレイアウトの崩れや、タブの切り替え処理が起こらないなど動作保証をしていません。
- リモートページを表示する場合、タグボディで指定したコンテンツはクリアされます。
- URLを指定できる属性に「%28」(エンコードされた「(」)を利用する事ができません。
- URLに「%28」(エンコードされた「(」)を使用した場合、エラーログが出力されます。
- 閉じるアイコン付きのタブをドラッグするとレイアウトが崩れる場合があります。
- closableにtrueになる値を指定した場合に、タブの順番を並べ替えようとするとドラッグ中にのみレイアウトが崩れる場合があります。
- ajax通信でコンテンツの中身を取得して表示する場合は、返却するHTMLにテーマがかからないように指定してください。詳細は以下の サンプル を参照してください。
属性一覧
注釈 | 属性名 | 型 | 説明 | 省略時の動作 | 実行時評価 |
---|---|---|---|---|---|
closable |
Boolean | タブの削除ができるかどうかを指定します | false | ||
HTML5
|
hidden |
Boolean | タブを非表示にします | false | |
無害化 | href |
String | 取得先URLを指定します 外部ファイルからコンテンツを取得する場合にのみ指定してください 画面内遷移をする場合は指定する必要はありません 画面内遷移で本属性を指定したい場合は「#+id属性の値」を指定してください |
#imui-tabitem- + id属性の値 | |
id |
String | タブのli要素idです コンテンツ部のdiv要素は「imui-tabitem-」 + 「idに指定した値」 になります |
代替idを付与 | ||
name |
String | コンテンツ部になるli要素のnameです | 代替nameを付与 | ||
国際化 無害化 | title |
String | タブの表示名を指定します | - | |
無害化 | その他 |
String | ユーザ定義属性です | - |