Skip to content

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 相同。

这里写平台本身。某一家客户的业务表不在这份文档里。