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"); } ~~~