Treecol
A column of a tree. It displays the column header and holds the size and other information about the column. You can also place splitter elements between the columns to allow column resizing. You should always place an id attribute on a treecol element to ensure that the column positioning is handled properly.
More information about treecol
ツリーにおける一つの列。列の見出しを表示し、列のサイズその他、列についての情報を保持する。 splitter 要素を列と列の間に挟んで、列がリサイズさせられるようにすることもできる。 treecol 要素には常に id 属性を与えて、列が正しく配置させられるようにする必要がある。
属性:
crop | cycler | dragging | fixed | hidden |
hideheader | ignoreincolumnpicker | label | primary | sort |
sortActive | sortDirection | src | type |
スタイルクラス:
treecol-image |
プロパティとメソッド:
accessible |
属性:
XUL Element から継承:
align
allowevents
allownegativeassertions
class
coalesceduplicatearcs
collapsed
container
containment
context
contextmenu
datasources
debug
dir
empty
equalsize
flags
flex
height
hidden
id
insertafter
insertbefore
left
maxheight
maxwidth
menu
minheight
minwidth
mousethrough
observes
ordinal
orient
pack
persist
popup
position
ref
removeelement
sortDirection
sortResource
sortResource2
statustext
style
template
tooltip
tooltiptext
top
uri
wait-cursor
width
crop
Type: one of the values below
If the label of the treecol is too small to fit in its given space, the text will be cropped on the side specified by the crop attribute. An ellipsis will be used in place of the cropped text. If the box direction is reversed, the cropping is reversed.
- start: The text will be cropped on its left side.
- end: The text will be cropped on its right side.
- left: (Deprecated) The text will be cropped on its left side.
- right: (Deprecated) The text will be cropped on its right side.
- center: The text will be cropped on both sides.
- none: The text will be not be cropped using an ellipsis. However, the text will simply be cut off if it is too large. The side depends on the CSS text alignment.
型 : 以下の値の一つ
与えられたスペースが小さくて treecol のラベルがその場所に合わないとき、crop 属性で指定した側にテキストは切り取られる。切り取られたテキストの位置には、省略記号が用いられる。ボックスの方向が逆のときは、切り取りも逆になる。
- start: テキストの左側が切り取られる。
- end: テキストの右側が切り取られる。
- left: (非推奨) テキストの左側が切り取られる。
- right: (非推奨) テキストの右側が切り取られる。
- center: テキストの両側が切り取られる。
- none: テキストの切り取りに省略記号が用いられない。テキストが非常に大きいときには、単に切られるだけである。側は CSS のテキスト配置 (alignment) に依存する。
cycler
Type: boolean
If true, then the column is a cycler column. In the case, clicking on a cell in the column will alternate its state between on and off. This is used, for example, in a mail window, for a column that indicates that the message is read or unread with a small mark in the cell. If the cycler attribute is not set, the cell is a regular text cell.
型 : boolean
true のとき、その列はサイクル列 (cycler column) である。この場合、列のセルをクリックすると、そのセルの状態がオンとオフの間で切り替わる。例えばこれは、メッセージが既読か未読かをセルの小さいマークで示すような列に対して、メインウィンドウで使用される。 cycler 属性が設定されていない場合は、通常のテキストセルである。
dragging
Type: boolean
This attribute will be set to true if the column is being dragged. This attribute is set automatically; you shouldn't adjust it yourself.
型 : boolean
その列がドラッグされている最中のとき、この属性は true になる。この属性は自動的に設定される。手動で調節すべきではない。
fixed
Type: boolean
If true, the size of the column in the tree cannot be adjusted by the user. Any splitters to either side will resize those columns while keeping the fixed column at a constant size. If false or not specified, the user can adjust the size of the column, typically by dragging the column header with the mouse.
型 : boolean
true の場合、ユーザはツリーの列サイズを調整できない。固定列を一定サイズに留めておく一方、どちらかの側のスプリッタにより列がリサイズされる。この属性を false にするか指定しない場合は、ユーザは列のサイズを調整することができる。普通はマウスで列ヘッダをドラッグすることで行う。
hidden
Type: boolean
This attribute, when set to true, hides the column. The user can show the column by selecting it from a drop-down at the end of the column header row.
型 : boolean
この属性を true に設定すると、その列が隠れる。列ヘッダの行の末尾にあるドロップダウンから列を選択すれば、その列を再表示することができる。
hideheader
Type: boolean
Set this to true to indicate that the tree column header should be displayed without any column header styling.
型 : boolean
この属性を true にした場合、ツリーの列ヘッダはスタイル無しで表示される必要があることを示す。
ignoreincolumnpicker
Type: boolean
If true, the column does not appear in the column picker.
型 : boolean
true の場合、列ピッカー (column picker) にその列は表示されない。
label
Type: string
The label that will appear on the treecol. If this is left out, no text appears.
型 : string
treecol に表示するラベル。この属性がないときには、テキストは表示されない。
primary
Type: boolean
If set to true, the column will have indentation and twisties drawn to the left of it to indicate the hierarchy level of the rows. If no column has the primary attribute set to true, the tree may still contain nested rows, although no indication will be given to the user.
型 : boolean
true に設定した場合、この列はインデントされ、行の階層レベルを示すためにその左にツィスティ (twisty, 小さい矢印) が描画される。どの列も primary 属性が true に設定されていない場合でも、まだツリーはネストした行を持つことができる。ただし、この場合にはユーザには何の印も示されない。
sort
Type: URI of an RDF predicate
Set this to a RDF property to have the data in the column sorted based on that property. The property will usually be the same as that of the cell label.
型 : URI of an RDF predicate
この属性を RDF プロパティに設定すると、この列のデータは設定したプロパティに基づいてソートされる。通常、そのプロパティはセルのラベルのプロパティと同じである。
sortActive
Type: boolean
This should be set to true for the column which should be sorted by default.
型 : boolean
デフォルトでソートしておきたい列に対して、この属性は true に設定しておく必要がある。
sortDirection
Type: one of the values below
Set this attribute to set the direction the column is sorted. The user may change the sort direction by clicking the column headers.
- ascending: The data is sorted in ascending order.
- descending: The data is sorted in descending order.
- natural: The data is sorted in natural order, which means the order that it is stored in.
型 : 以下の値の一つ
この属性を設定すると、列がソートされる方向を指定することができる。列ヘッダをクリックして、ソート方向を変更することができる。
- ascending: データは昇順にソートされる。
- descending: データは降順にソートされる。
- natural: データは自然順序でソートされる。これは保存された順番を意味する。
src
Type: image URL
Set this attribute to have the tree column use an image for the header instead of a label. Set this to the URL of an image to appear on the tree column header. If this attribute is left out, no image appears and the label is used instead. The class 'treecol-image' must be used on the treecol element for the image to appear. You cannot have both an image and a label.
型 : image URL
この属性を設定すると、ラベルの代わりに画像をヘッダに使用したツリーの列を作ることができる。この属性は、ツリーの列ヘッダに表示する画像の URL に設定する。取り除いた場合、画像は表示されない。代わりにラベルが使用される。表示する画像には、 treecol 要素で 'treecol-image' クラスを用いる必要がある。画像とラベルの両方を表示することはできない。
type
Type: one of the values below
The type of tree column. The default is a text column that displays the content as text.
- checkbox: The content of the columns are checkboxes.
- progressmeter: The content of the columns are a progress meters. This is used in Mozilla's download manager window.
- text: The content of the columns is text.
型 : 以下の値の一つ
ツリーの列のタイプ。デフォルトは、内容をテキストとして表示するテキスト列である。
- checkbox: 列の内容はチェックボックスである。
- progressmeter: 列の内容はプログレスメータである。これは Mozilla のダウンロードマネージャのウィンドウで用いられている。
- text: 列の内容はテキストである。
Style Classes:
The following classes may be used to style the element. These classes should be used instead of changing the style of the element directly since they will fit more naturally with the user's selected theme.
以下のクラスは、要素をスタイル付けするために用いられる。ユーザが選択したテーマにより自然に合うため、要素のスタイルを直接変更するかわりにこれらのクラスを使用するべきである。
treecol-image
Use this class to have an image appear on the tree column header. Specify the image using the src attribute.
ツリーの列ヘッダに表示される画像を保持するのにこのクラスを使う。 src 属性を使って画像を指定する。
プロパティとメソッド:
accessible
Type: nsIAccessible
Returns the accessibility object for the treecol.
型 : nsIAccessible
treecol の accessibility オブジェクトを返す。
XUL Element から継承:
Element から継承: