simple_form
表单。Type 为 simple_form。字段布局写在 DevExtreme 的 dxForm 配置里,小写键如 items、colCount、labelLocation。
最小例子
javascript
{
Type: "simple_form",
Id: "orderForm",
Option: {
Component: {
AutoLoad: true,
ReadOnly: false
},
Toolbar: {
visible: true,
Items: { Reload: true, Save: true, New: true }
},
Form: {
LoadSql: { sql_id: 210 },
SaveSql: { sql_id: 211 },
items: [
{ dataField: "code", label: { text: "单号" }, IsUser: false },
{ dataField: "buyer_id", label: { text: "采购员" }, IsUser: true }
]
}
}
}Toolbar.visible 和 Toolbar.items 是 dxToolbar 的原生键。按按钮名开关仍写 Items,自定义按钮写 MoreItems,引擎会并进 items。
表格专用的按钮在表单上没有效果:AddRow、AddRowsBatch、CloneRows、ReplaceRow、DeleteRow、MoveUp、MoveDown、ExpandAll、CollapseAll、Import、Export、WrapText、ToggleFilterRow、ResetLayout,以及 DevExtreme 的 groupPanel、searchPanel、columnChooserButton。
Form 上的平台键
| 键 | 说明 |
|---|---|
LoadSql | 加载表单数据 |
SaveSql | 保存表单 |
AfterSave | 保存之后。里面可以再写 FormSql、GridSql、Js |
ForceDesktop | 固定按桌面布局,不跟着屏宽改列数 |
OnRefresh | 刷新之后调用的函数。页面 JSON 由 eval 解析,这里直接写函数 |
DependentFields | 字段之间的依赖。改了 A 要重算 B 时写在这里 |
表单项上的 IsUser: true 表示这个字段存的是用户 id。字段权限配置页会用它生成「是不是当前用户」的条件。
Component 里常用 AutoLoad、ReadOnly、DataPool、Init、Auth,含义与 data_grid 相同。