SFGrid - Column配置

182 阅读1分钟

SFGrid - Column配置

定义dataSource的结构,如果没有配置,则从dataSource自动生成。

主要配置

属性类型描述
fieldstringdataSouce数据源中对应显示的字段
headerTextstring列的顶部标题
textAlignstring定义对齐方式: "Left", "Right", "Center", "Justify",类似属性:headerTextAlign
widthnumber设置宽度,类似属性还有:minWidth、maxWidth
autoFitboolean是否自适应宽度
visibleboolean是否显示
isFrozenboolean是否冻结
freezestring冻结位置:"Left", "Right"
allowEditingboolean该列是否可编辑
allowSortingboolean该列是否可排序
allowResizingboolean该列是否可调整大小
allowFilteringboolean该列是否可筛选
allowReorderingboolean该列是否可拖拉排序
displayAsCheckBoxboolean以复选框样式显示boolean类型
showInColumnChooserboolean是否显示在列选择器中
editTypestring编辑时的组件类型:"stringedit", "numericedit", "datepicker", "datetimepicker", "booleanedit", "dropdownedit"
editobjecteditType的配置属性,{ params: NumericTextBoxModel,DatePickerModel, DateTimePickerModel, CheckBoxModel }
defaultValuestring新增时设置默认值
validationRulesobject约束条件:{ required: true, minLength: 3 }
dataSourcearray外键数据源。用于返回id,但是显示名称的场景
foreignKeyFieldstringfield对应的外键数据源对象的字段
foreignKeyValuestring外键数据源对象显示字段

例子

[
    // 最简单的配置
    {
        "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"
    },
]