Form简介 · icesadmin-基于layui的后台框架

~~~ public function form(){ $form = new Form(); return $form ->addText("test1", "文字输入框", "password和text用法相同", [ 'inline' => "layui-input-block" ], [ 'data-id' => 1//这里的所有数据会渲染到element上 ]) //正常下拉 ->addSelect("test2", "正常下拉", [ ['text' => 1, 'value' => 1], ['text' => 2, 'value' => 2, 'disabled' => 1], ['text' => 3, 'value' => 3, 'checked' => 1], ], "请选择") //下拉分组 ->addSelect("test3", "分组下拉", [ ['text' => "第一分组", 'value' => 1, 'sub' => [ ['text' => 2, 'value' => 2], ['text' => 3, 'value' => 3], ]], ['text' => "第二分组", 'value' => 4, 'sub' => [ ['text' => 5, 'value' => 5], ['text' => 5, 'value' => 5], ]], ], "请选择") //下拉搜索 ->addSelect("test4", "下拉搜索", [ ['text' => "你好", 'value' => 1], ['text' => "测试", 'value' => 2], ['text' => "下拉", 'value' => 3, 'checked' => 1], ], "请选择", [], [ 'lay-search' => "true" ]) //正常多选,可以参考[http://sun.faysunshine.com/layui/formSelects-v4/example/example_v4.html] ->addMulSelect("test5", "多选下拉", [ ['text' => "你好", 'value' => 1], ['text' => "测试", 'value' => 2], ['text' => "下拉", 'value' => 3, 'checked' => 1], ]) //标记最大个数 ->addMulSelect("test6", "最多多选", [ ['text' => "你好", 'value' => 1], ['text' => "测试", 'value' => 2], ['text' => "下拉", 'value' => 3, 'checked' => 1], ], '', [], [ 'xm-select-max' => 2, 'xm-select-skin' => "normal"//设定皮肤 ]) //多选搜索 ->addMulSelect("test7", "多选搜索", [ ['text' => "你好", 'value' => 1], ['text' => "测试", 'value' => 2], ['text' => "下拉", 'value' => 3, 'checked' => 1], ], '', [], [ 'xm-select-search' => "true"//设定开启搜索,如果设定了其他值,就是搜索的网址 ]) //多选搜索 ->addMulSelect("test71", "多选搜索", [ ['text' => "你好", 'value' => 1], ['text' => "测试", 'value' => 2], ['text' => "下拉", 'value' => 3, 'checked' => 1], ], '', [], [ 'xm-select-search' => "true",//设定开启搜索,如果设定了其他值,就是搜索的网址 'xm-label-count' => "true" ]) //checkbox ->addCheckbox("test8", "多选框", [ ['text' => "你好", 'value' => 1], ['text' => "测试", 'value' => 2], ['text' => "下拉", 'value' => 3, 'checked' => 1], ]) //其他样式 ->addCheckbox("test8", "多选框", [ ['text' => "你好", 'value' => 1], ['text' => "测试", 'value' => 2], ['text' => "下拉", 'value' => 3, 'checked' => 1], ], [], [ 'lay-skin' => '' ]) //switch设置字 ->addSwitch("test9", "switch", [], [ 'lay-text' => "ON|OFF" ]) //其他样式 ->addRadio("test10", "单选框", [ ['text' => "你好", 'value' => 1], ['text' => "测试", 'value' => 2], ['text' => "下拉", 'value' => 3, 'checked' => 1], ], [], [ 'lay-skin' => '' ]) //日期样式【参考http://www.layui.com/doc/modules/laydate.html】在options里设置data-参数 ->addDate("test11", "日期选择") ->addDate("test12", "日期时间选择", '', [], [ 'data-type' => "datetime" ]) //textarea ->addTextarea("test13", "textarea框", "测试") //上传文件 ->addUpload("test14", "上传文件") //webuploader上传 ->addWebuploader("test15", "上传图片", [], [ 'data-label' => "点击选择图片" ]) //上传图片有默认值 ->addWebuploader("test16", "上传图片", [ 'options' => "./uploads/30/3cd8f793231f83f9110a288bc6a844.jpg" ], [ 'data-label' => "点击选择图片" ]) //上传文件 ->addWebuploader("test17", "上传文件", [ 'options' => "" ], [ 'data-server' => "/icestools/uploads" ]) //富文本编辑器 ->addUeditor("test18", "富文本") ->addControl(<<<HTML <input type="hidden" name="testhidden" value="1"/> HTML ) ->setPageScript(<<<HTML <script> console.log("默认输出"); </script> HTML ) ->setPageStyle(<<<HTML .layui-form-label{ width: 70px; } HTML ) ->setPageBreadcrumb(["mylist"=>'后台演示', 'Form']) ->startInLine() ->addText("test99", "inline text") ->addDate("test100", "inline date") ->addSelect("test101", "inline select", [], "请选择") ->startInLine(false) ->show(false, "/manage/view/formsubmit"); } /** * @title 表单提交事件 * @description * @createtime: 2018/7/13 15:52 */ public function formSubmit(){ $this->success("suc"); } ~~~