SFGrid - Column配置
定义dataSource的结构,如果没有配置,则从dataSource自动生成。
主要配置
| 属性 | 类型 | 描述 |
|---|---|---|
| field | string | dataSouce数据源中对应显示的字段 |
| headerText | string | 列的顶部标题 |
| textAlign | string | 定义对齐方式: "Left", "Right", "Center", "Justify",类似属性:headerTextAlign |
| width | number | 设置宽度,类似属性还有:minWidth、maxWidth |
| autoFit | boolean | 是否自适应宽度 |
| visible | boolean | 是否显示 |
| isFrozen | boolean | 是否冻结 |
| freeze | string | 冻结位置:"Left", "Right" |
| allowEditing | boolean | 该列是否可编辑 |
| allowSorting | boolean | 该列是否可排序 |
| allowResizing | boolean | 该列是否可调整大小 |
| allowFiltering | boolean | 该列是否可筛选 |
| allowReordering | boolean | 该列是否可拖拉排序 |
| displayAsCheckBox | boolean | 以复选框样式显示boolean类型 |
| showInColumnChooser | boolean | 是否显示在列选择器中 |
| editType | string | 编辑时的组件类型:"stringedit", "numericedit", "datepicker", "datetimepicker", "booleanedit", " |
| edit | object | editType的配置属性,{ params: NumericTextBoxModel,DatePickerModel, DateTimePickerModel, CheckBoxModel } |
| defaultValue | string | 新增时设置默认值 |
| validationRules | object | 约束条件:{ required: true, minLength: 3 } |
| dataSource | array | 外键数据源。用于返回id,但是显示名称的场景 |
| foreignKeyField | string | field对应的外键数据源对象的字段 |
| foreignKeyValue | string | 外键数据源对象显示字段 |
例子
[
// 最简单的配置
{
"field": "OrderID",
"headerText": "订单ID",
},
// 其他配置
{
"field": "isFinish",
"headerText": "是否完成",
"editType": "booleanedit",
"displayAsCheckBox": true,
"headerTextAlign": "Left",
"textAlign": "Center",
},
{
"field": "CustomerId",
"headerText": "客户",
"width": 120,
"showInColumnChooser": false,
"validationRules": { required: true },
"dataSource": JSObject1.dropdownList,
"foreignKeyField": "CustomerId",
"foreignKeyValue": "CustomerName"
},
]