コンポーネントの構成
Gridのスタイルは、ヘッダーやボディ部などのCellBandごとにCSSが分かれており、個々にスタイルを定義する必要があります。
また、各セルに対してEditやCalendarなどのコントロールを表示した場合は、各コントロール（cell***）ごとのCSSが参照されます。
Grid01
Grid02
Grid03
Grid04
Control Map
Grid05
セレクター一覧
対象 | 種類 |
|---|---|
Grid | [status=enabled] |
[status=disabled] | |
[status=mouseover] | |
[status=focused] | |
[status=readonly] |
下位コントロール
対象 | 参照コントロール |
|---|---|
head | GridBandControl |
body | GridBandControl |
summary | GridBandControl |
hscrollbar | |
vscrollbar | |
hscrollindicator | |
vscrollindicator |
GridBandControl
対象 | 区分 | 種類 | 参照コントロール |
|---|---|---|---|
GridBandControl | ステータス | [status=enabled] | - |
[status=disabled] | - | ||
[status=mouseover] | - | ||
[status=focused] | - | ||
[status=readonly] | - | ||
下位コントロール | row （GridRowControl） | cell （GridCellControl） | |
selection （GridSelectionControl） | - |
GridCellControl
対象 | 区分 | 種類 | 参照コントロール |
|---|---|---|---|
GridCellControl | ステータス | [status=enabled] | - |
[status=disabled] | - | ||
[status=mouseover] | - | ||
[status=focused] | - | ||
[status=readonly] | - | ||
[userstatus=blinked] | - | ||
[userstatus=selected] | - | ||
[userstatus=invalidtext] | - | ||
下位コントロール | cellbutton | ||
cellcalendar | |||
cellcheckbox | |||
cellcombo | |||
celledit | |||
cellmaskedit | |||
celltreeline | CellTreeLineControl | ||
cellprogressbar | |||
celltextarea | |||
celltreeitem | CellTreeItemControl | ||
subcell | CellSubCellControl | ||
cellimage | ImageAreaControl | ||
cellexpandbutton | |||
cellselection | GridSelectionControl | ||
cellradioitem | RadioItemControl | ||
cellmulticombo |
CellTreeLineControl
対象 | 種類 |
|---|---|
CellTreeLineControl | [status=enabled] |
[status=disabled] |
CellTreeItemControl
対象 | 区分 | 種類 | 参照コントロール |
|---|---|---|---|
CellTreeItemControl | ステータス | [status=enabled] | - |
[status=disabled] | - | ||
[status=mouseover] | - | ||
[status=focused] | - | ||
下位コントロール | treeitembutton | TreeItemIconControl | |
treeitemcheckbox | |||
treeitemimage | TreeItemIconControl | ||
treeitemtext |
TreeItemIconControl
対象 | 種類 |
|---|---|
TreeItemIconControl | [status=enabled] |
[status=disabled] | |
[status=mouseover] | |
[status=focused] | |
[userstatus=expand] | |
[userstatus=collapse] | |
[userstatus=leaf] |
CellSubCellControl
対象 | 区分 | 種類 | 参照コントロール |
|---|---|---|---|
CellSubCellControl | ステータス | [status=enabled] | - |
[status=disabled] | - | ||
[status=mouseover] | - | ||
[status=focused] | - | ||
[status=readonly] | - | ||
[userstatus=blinked] | - | ||
[userstatus=selected] | - | ||
[userstatus=invalidtext] | - | ||
下位コントロール | cellbutton | ||
cellcalendar | |||
cellcheckbox | |||
cellcombo | |||
celledit | |||
cellmaskedit | |||
celltreeline | CellTreeLineControl | ||
cellprogressbar | |||
celltextarea | |||
celltreeitem | CellTreeItemControl | ||
cellimage | ImageAreaControl | ||
cellexpandbutton | |||
cellselection | GridSelectionControl | ||
cellradioitem | RadioItemControl | ||
cellmulticombo |
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プロパティ値より優先） |