纵向 使用块(card),横向使用12栅格模式,组合成各类表单页面。
实际业务场景,表单往往比较复杂,可以自定义插件或JS渲染
01.<html>02. <head>03. <title>test</title>04. </head>05. <body id="test" datasource="dataSource" success_url="reload" formsubmiturl="">06. <div id="append_head"></div>07. <form id="inputForm">08. <div class="layui-card" col="">09. <div class="layui-card-body">10. <div class="layui-form-item" col="12">11. <label>名称</label>12. <div>13. <object item_name="NAME" type="input-text"> </object>14. </div>15. </div>16. </div>17. </div>18. </form>19. <form id="configForm">20. <pre item_name="init_express" type="">21.<![CDATA[22.StringBuilder sql=new StringBuilder();23.sql.append("select NAME from T_USER where ID=${ID} ");24.return select(sql).get(0);25.]]>26. 27. </pre>28. <pre item_name="submit_express" type="">29.<![CDATA[30.import top.ezadmin.plugins.express.jdbc.UpdateParam;31.import top.ezadmin.plugins.express.jdbc.InsertParam;32.import top.ezadmin.web.EzResult;33.ID=$("ID");34.if(!isNotBlank("ID")){35. param=new InsertParam();36. param.table("T_USER");37. param.add("#{ID}");38. param.add("#{NAME}");39.id=insertSimple(param);40.return id;41.}else{42. param=new UpdateParam();43. param.table("T_USER");44. param.add("#{ID}");45. param.add("#{NAME}");46. StringBuilder updateSql=new StringBuilder();47. updateSql.append(" where ID=#{ID} ");48. param.where(updateSql.toString());49. updateSimple(param);50. return ID;51.}52.]]>53. 54. </pre>55. <pre item_name="delete_express" type="">56.<![CDATA[57.update("UPDATE T_USER set delete_flag=1 where ID=${ID}");58.]]>59. 60. </pre>61. <pre item_name="status_express" type="">62.<![CDATA[63.reload64.]]>65. 66. </pre>67. <pre item_name="displayorder_express" type=""></pre>68. </form>69. <div id="append_foot"></div>70. </body>71.</html>
配置项 | 说明 | 默认值 |
---|---|---|
id | 表单名称 | |
datasource | 数据源,对应spring的datasource | |
success_url | 保存成功之后的跳转url | reload:重新加载父页面 reloadlocal:重新加载当前页面 其他:自定义的url,支持参数表达式。 |
formSubmitUrl | 提交表单的URL, 自定义URL 需要支持 form表单提交的数据,且返回值 EzResult格式的JSON格式
|
|
表达式 | 点击查看表单表达式 | |
append_head | 表单前面的一段html代码,自定义css | |
append_foot | 表单后面的一段html代码,自定义脚本 | |
definitionKey(实验性) | 审核流的key | 配置审核流之后,在详情页会自动添加 审核通过 驳回 审核记录 三个按钮 需结合外部审核流camauda一起实现 |