GcComboBoxColumn クラス
階層
- GcComboBoxColumn
プロパティ
clickSort
clickSort: boolean
列ヘッダをクリックしたときにアイテムを並べ替えるかどうかを設定します。
contentAlignment
contentAlignment: Alignment
コンテンツの表示位置を設定します。
headerAlignment
headerAlignment: Alignment
列ヘッダに表示するテキストの表示位置を設定します。
isValuePath
isValuePath: boolean
列の値がアイテムの値として取得されるかどうかを設定します。
label
label: string
継承元 ColumnConfig.label
列ヘッダに表示するテキストを設定します。
name
name: string
継承元 ColumnConfig.name
列に連結するデータソース列の名前を設定します。
showTip
showTip: boolean
継承元 ColumnConfig.showTip
セルの内容が見切れている時に、現在の列のセルのチップを表示するかどうかを設定します。
visible
visible: boolean
継承元 ColumnConfig.visible
列を表示するかどうかを設定します。
width
width: number | string
継承元 ColumnConfig.width
列の幅を設定します。stringで指定する場合は'auto'を指定できます。'auto'に指定すると列の幅が自動調整されます。
コンポーネントのセレクタ
gc-combo-box-column.gc-combo-boxの入れ子として使用されます。例:
<gc-combo-box [items]="orders" [displayMemberPath]="'product'" [valueMemberPath]="'product'" [dropDownWidth]="'auto'"> <gc-combo-box-column [name]="'id'" [label]="'商品コード'" [width]="80" [clickSort]="true"></gc-combo-box-column> <gc-combo-box-column [name]="'product'" [label]="'商品名'" [width]="200"></gc-combo-box-column> <gc-combo-box-column [name]="'date'" [label]="'受注日'" [width]="120" [clickSort]="true"></gc-combo-box-column> <gc-combo-box-column [name]="'price'" [label]="'単価'" [width]="80" [clickSort]="true"></gc-combo-box-column> <gc-combo-box-column [name]="'amount'" [label]="'数量'" [width]="80" [clickSort]="true"></gc-combo-box-column> </gc-combo-box>