コンポーネントの構成
Gridのスタイルは、ヘッダーやボディ部などのCellBandごとにCSSが分かれており、個々にスタイルを定義する必要があります。
Grid01
Grid02
Grid03
Grid04
Control Map
Grid05
セレクター一覧
対象 | セレクター区分 | 種類 |
|---|---|---|
Grid | ステータス | [status=disabled] |
[status=mouseover] | ||
[status=focused] | ||
[status=readonly] | ||
下位コントロール | head | |
body | ||
summary | ||
hscrollbar | ||
vscrollbar | ||
.Grid .head .Grid .summary | ステータス | [status=disabled] |
[status=mouseover] | ||
[status=focused] | ||
[status=readonly] | ||
下位コントロール | row | |
.Grid .head .row .Grid .summary .row | ステータス | [status=disabled] |
下位コントロール | cell | |
.Grid .body | ステータス | [status=disabled] |
[status=mouseover] | ||
[status=focused] | ||
[status=readonly] | ||
下位コントロール | row | |
selection | ||
.Grid .body .selection | ステータス | no data |
下位コントロール | ||
.Grid .head .row .cell .Grid .body .row .cell | ステータス | [status=disabled] |
[status=mouseover] | ||
[status=focused] | ||
[status=readonly] | ||
[userstatus=blinked] | ||
[userstatus=selected] | ||
下位コントロール | cellbutton | |
cellcalendar | ||
cellcheckbox | ||
cellcombo | ||
celledit | ||
cellexpandbutton | ||
cellimage | ||
cellmaskedit | ||
cellprogressbar | ||
celltextarea | ||
celltreeitem | ||
celltreeline | ||
subcell | ||
.Grid .head .row .cell .celltreeitem .Grid .body .row .cell .celltreeitem .Grid .summary .row .cell .celltreeitem | ステータス | [status=disabled] |
[status=mouseover] | ||
[status=focused] | ||
下位コントロール | treeitembutton | |
treeitemcheckbox | ||
treeitemimage | ||
treeitemtext | ||
.Grid .head .row .cell .celltreeitem .treeitembutton .Grid .body .row .cell .celltreeitem .treeitembutton.Grid .summary .row .cell .celltreeitem .treeitembutton | ステータス | [status=disabled] |
[status=mouseover] | ||
[status=focused] | ||
[userstatus=expand] | ||
[userstatus=collapse] | ||
[userstatus=leaf] | ||
.Grid .head .row .cell .celltreeitem .treeitemimage .Grid .body .row .cell .celltreeitem .treeitemimage .Grid .summary .row .cell .celltreeitem .treeitemimage | ステータス | [status=disabled] |
[status=mouseover] | ||
[status=focused] | ||
[userstatus=expand] | ||
[userstatus=collapse] | ||
[userstatus=leaf] |
NON XCSSプロパティ
XCSSで定義できない一般プロパティです。nexacro studioのプロパティリストもしくはスクリプトより設定します。
分類 | プロパティ名 | 説明 |
|---|---|---|
Grid＞Appearance | cellcalendarbuttonsize | Calendarコントロールのドロップダウンボタンのサイズ |
cellcalendarpopupsize | Calendarコントロールのポップアップするカレンダー枠のサイズ | |
cellcalendarpopuptype | Calendarコントロールのポップアップカレンダーの表示位置 | |
cellcheckboxsize | CheckBoxコントロールのチェックボックスのサイズ（ピクセル単位） | |
cellcombobuttonsize | Comboコントロールのドロップダウンボタンやスピンボタンの幅 | |
cellcombopopupsize | Comboコントロールのポップアップするドロップダウンリスト枠のサイズ | |
cellcombopopuptype | Comboコントロールのドロップダウンリストの表示位置 | |
cellcomboscrollbarsize | Comboコントロールのドロップダウンリストに表示されるスクロールバーの幅 | |
celltextareascrollbarsize | TextAreaコントロールのスクロールバーの幅 | |
Cell＞CellCalendar | calendarbuttonsize | Calendarコントロールのドロップダウンボタンのサイズ（cellcalendarbuttonsizeプロパティ値より優先） |
calendardaysize | Calendarコントロールのポップアップカレンダーで日付枠のサイズ | |
calendarheadheight | Calendarコントロールのhead部分の高さ | |
calendarpopupsize | Calendarコントロールのポップアップするカレンダー枠のサイズ（cellcombopopupsizeプロパティ値より優先） | |
calendarpopuptype | Calendarコントロールのポップアップカレンダーの表示位置（cellcalendarpopuptypeプロパティ値より優先） | |
Cell＞CellCheckBox | checkboxsize | CheckBoxコントロールのチェックボックスのサイズ（cellcheckboxsizeプロパティ値より優先） |
Cell＞CellCombo | combobuttonsize | Comboコントロールのドロップダウンボタンやスピンボタンの幅（cellcombobuttonsizeプロパティ値より優先） |
comboitemheight | Comboコントロールのドロップダウンボタンやスピンボタンの幅（cellcombobuttonsizeプロパティ値より優先） | |
combopopupsize | Comboコントロールのポップアップするドロップダウンリスト枠のサイズ（cellcombopopupsizeプロパティ値より優先） | |
combopopuptype | Comboコントロールのドロップダウンリストの表示位置（cellcombopopuptypeプロパティ値より優先） | |
comboscrollbarsize | Comboコントロールのドロップダウンリストに表示されるスクロールバーの幅（cellcomboscrollbarsizeプロパティ値より優先） | |
Cell＞CellProgessBar | progressbarblocksize | ProgressBarコントロールの進行状況を表示するブロックのサイズ |
Cell＞CellTextArea | textareascrollbarsize | TextAreaコントロールのスクロールバーの幅（celltextareascrollbarsizeプロパティ値より優先） |