コンポーネントの構成
ListViewのスタイルは、ボディやディテール部などのCellBandごとにCSSが分かれており、個々に定義する必要があります。
また、各セルに対してEditやCalendarなどのコントロールを表示した場合は、各コントロール(cell***)ごとのCSSが参照されます。
ListBox01
ListView02
ListView03
Control Map
ListBox02
セレクター一覧
対象 | 種類 |
---|---|
ListView | [status=enabled] |
[status=disabled] | |
[status=mouseover] | |
[status=focused] | |
[status=readonly] |
下位コントロール
対象 | 参照コントロール |
---|---|
body | ListViewBandControl |
detail | ListViewDetailBandControl |
vscrollbar | |
vscrollindicator |
ListViewBandControl
対象 | 区分 | 種類 | 参照コントロール |
---|---|---|---|
ListViewBandControl | ステータス | [status=enabled] | - |
[status=disabled] | - | ||
[status=mouseover] | - | ||
[status=focused] | - | ||
[status=readonly] | - | ||
[userstatus=selected] | - | ||
下位コントロール | row | ListViewCellControl | |
expandbar | ListViewBandExpandbarControl |
ListViewCellControl
対象 | 区分 | 種類 | 参照コントロール |
---|---|---|---|
ListViewCellControl | ステータス | [status=enabled] | - |
[status=disabled] | - | ||
[status=mouseover] | - | ||
[status=focused] | - | ||
[status=readonly] | - | ||
[userstatus=invalidtext] | - | ||
下位コントロール | cellbutton | ||
cellcalendar | |||
cellcheckbox | |||
cellcombo | |||
celledit | |||
cellmaskedit | |||
cellprogressbar | |||
celltextarea | |||
cellimage | ImageAreaControl | ||
cellexpandbutton | |||
cellmulticombo |
ListViewBandExpandbarControl
対象 | 種類 |
---|---|
ListViewBandExpandbarControl | [status=enabled] |
[status=disabled] | |
[status=mouseover] | |
[status=focused] | |
[userstatus=pushed] | |
[userstatus=selected] | |
[userstatus=collapse] | |
[userstatus=expand] |
ListViewDetailBandControl
対象 | 区分 | 種類 | 参照コントロール |
---|---|---|---|
ListViewDetailBandControl | ステータス | [status=enabled] | - |
[status=disabled] | - | ||
[status=mouseover] | - | ||
[status=focused] | - | ||
[status=readonly] | - | ||
[userstatus=selected] | - | ||
下位コントロール | cell | ListViewCellControl |
NON XCSSプロパティ
XCSSで定義できない一般プロパティです。nexacro studioのプロパティリストもしくはスクリプトより設定します。
分類 | プロパティ名 | 説明 |
---|---|---|
ListView>Appearance | bandindentsize | Detail bandが表示される左の余白の幅 |
cellcalendarbuttonsize | Calendarコントロールのドロップダウンボタンのサイズ | |
cellcalendarpopupsize | Calendarコントロールのポップアップするカレンダー枠のサイズ | |
cellcalendarpopuptype | Calendarコントロールのポップアップカレンダーの表示位置 | |
cellcheckboxsize | CheckBoxコントロールのチェックボックスのサイズ | |
cellcombobuttonsize | Comboコントロールのドロップダウンボタンやスピンボタンの幅 | |
cellcombopopupsize | Comboコントロールのポップアップするドロップダウンリスト枠のサイズ | |
cellcombopopuptype | Comboコントロールのドロップダウンリストの表示位置 | |
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コントロールのドロップダウンリストに表示されるスクロールバーの幅 | |
Cell>CellProgessBar | progressbarblocksize | ProgressBarコントロールの進行状況を表示するブロックのサイズ |
Cell>CellTextArea | textareascrollbarsize | TextAreaコントロールのスクロールバーの幅 |