tree非推奨
代替タグはありません。
コンポーネント情報 | |
---|---|
モジュール | im_tags |
導入されたバージョン | 7.2以前 |
バージョン | 8.0.0 |
機能説明
階層化データをツリー形式でブラウザ上に表示します。
このツリー表示APIでは、以下の3種類のツリー表示部品を提供します。
フォルダー開閉式(初期表示は全閉)
フォルダー開閉式(初期表示は全開)
フォルダー開閉動作無し
属性 clickHome に対しては、ホーム名をクリックした時に実行したいJavaScript関数を指定してください。 無指定の時は、ホーム名のアンカータグがなくなります。
属性 clickFolder に対しては、フォルダ名をクリックした時に実行したいJavaScript関数を指定してください。 フォルダ名クリック時に引数を伴って実行されます。無指定の時は、フォルダ名のアンカータグがなくなります。
属性 clickItem に対しては、ページ名をクリックした時に実行したいJavaScript関数を指定してください。 ページ名クリック時に引数を伴って実行されます。無指定の時は、ページ名のアンカータグがなくなります。
属性 list には、 jp.co.intra_mart.foundation.page.TreeNodeProviderインタフェースを実装したクラスのインスタンスを指定してください。
属性 list に指定されてインスタンスが、ツリーの原点となる「ホーム」となります。 「ホーム」が持つ子ノードが、ツリーの「フォルダ」、「ページ」となりツリー表示が行われます。
属性 highlight に対しては、選択項目のハイライトカラーを指定してください。無指定の場合はデフォルト色の自動選択となります。(フォルダ開閉式ツリーのみ有効)
属性 type に対しては、ツリーの種類を指定してください。指定できるツリーの種類は下記の通りです。
無指定の時は、フォルダー開閉式(初期表示は全閉)が自動選択になります。
下記に存在しない type が指定されたときは例外が出力されます。
制約
このツリー表示APIでは、以下の3種類のツリー表示部品を提供します。
フォルダー開閉式(初期表示は全閉)
フォルダー開閉式(初期表示は全開)
フォルダー開閉動作無し
属性 clickHome に対しては、ホーム名をクリックした時に実行したいJavaScript関数を指定してください。 無指定の時は、ホーム名のアンカータグがなくなります。
属性 clickFolder に対しては、フォルダ名をクリックした時に実行したいJavaScript関数を指定してください。 フォルダ名クリック時に引数を伴って実行されます。無指定の時は、フォルダ名のアンカータグがなくなります。
属性 clickItem に対しては、ページ名をクリックした時に実行したいJavaScript関数を指定してください。 ページ名クリック時に引数を伴って実行されます。無指定の時は、ページ名のアンカータグがなくなります。
属性 list には、 jp.co.intra_mart.foundation.page.TreeNodeProviderインタフェースを実装したクラスのインスタンスを指定してください。
属性 list に指定されてインスタンスが、ツリーの原点となる「ホーム」となります。 「ホーム」が持つ子ノードが、ツリーの「フォルダ」、「ページ」となりツリー表示が行われます。
属性 highlight に対しては、選択項目のハイライトカラーを指定してください。無指定の場合はデフォルト色の自動選択となります。(フォルダ開閉式ツリーのみ有効)
属性 type に対しては、ツリーの種類を指定してください。指定できるツリーの種類は下記の通りです。
無指定の時は、フォルダー開閉式(初期表示は全閉)が自動選択になります。
下記に存在しない type が指定されたときは例外が出力されます。
@DYNAMIC_TREE_OPEN_VIEW | フォルダー開閉式(初期表示は全開) |
@DYNAMIC_TREE_CLOSE_VIEW | フォルダー開閉式(初期表示は全閉) |
@STATIC_TREE_VIEW | フォルダー開閉動作無し |
属性 rootName に対しては「ホーム」の表示名称を指定してください。無指定の時は、「ホーム」の表示名称がなくなります。
属性 rootNote に対しては「ホーム」の説明文を指定してください。ポップアップ文字列として表示されます。無指定の時は、「ホーム」のポップアップ文字列がなくなります。
ツリーの各クリックイベントに対応した Client Side の JavaScript 関数は、必ずツリー呼び出しステートメントよりもファイルの上部に定義(記述)してください。
ツリー開閉式ツリー表示ユニットでは、Dynamic-HTML およびスタイルシート(CSS)技術を利用しています。
ツリー表示ユニットを呼び出しているプレゼンテーションページでは、これらの技術を無闇に利用すると二重定義などが発生しツリーのイベントが正常に動作しなくなることがあります。
ツリー表示ユニットで利用している Dynamic-HTML および CSS (ツリー開閉式のみ) の定義名や Client Side JavaScript 関数(ページ内グローバル)および変数(ページ内グローバル) の名称には tree_ というプレフィックスがついています。
ツリー表示ユニットを呼び出しているプレゼンテーションページでは、Client Side JavaScript の各関数(ページ内グローバル)および各変数(ページ内グローバル)の名称などには、tree_ で開始される名称定義をしないでください。
ツリー表示ユニットでは、Dynamic-HTML および Client Side JavaScript 技術を利用しています。
これら技術に対応していないブラウザでの利用はしないでください。
開閉式ツリー表示では、Dynamic-HTML 技術を利用して各項目の表示位置を自動的に計算して表示をしています。
ツリー表示呼び出しステートメントを記述してある位置を基準に表示位置を計算しているので、ツリー表示ステートメントはページの最下部に記述するようにしてください。
属性一覧
注釈 | 属性名 | 型 | 説明 | 省略時の動作 | 実行時評価 |
---|---|---|---|---|---|
clickFolder |
フォルダ名をクリックした時に実行するJavaScript関数名 | - | |||
clickHome |
ホーム名をクリックした時に実行するJavaScript関数名 | - | |||
clickItem |
ページ名をクリックした時に実行するJavaScript関数名 | - | |||
highlight |
選択状態のハイライトカラー | - | |||
必須
|
list |
ツリービュー表示の「ホーム」 (jp.co.intra_mart.foundation.page.TreeNodeProvider) |
- | ||
rootName |
ホームの名称 | - | |||
rootNote |
ホームに関する説明 | - | |||
type |
ツリービュー表示の種類 | - |
内部タグ
empty