Table簡介 · icesadmin-基于layui的后臺框架

:-: **Table使用總覽** * * * * * ~~~ public function table(){ $table = new Table(); $form = new Form(); $form->addText("name", "名稱"); return $table //在table上方加入篩選條件 ->setTableSearchForm($form) //如果有自定義的tools事件,那么tablename的設置一定要在toolbar前面 ->setTablename("mytest") //開啟checkbox ->addCheckbox() //正常的列表 ->addColumn("id", "ID") ->addColumn("name", "點擊下方編輯", false, [ 'edit' => "text" ]) ->addColumn("ispass", "審核狀態", false, [ 'width' => 100, 'align' => "center", 'toolbar' => "#manageStatus-template"//和addTemplate的id相對應 ]) //設置最右側的toolbar ->addToolColumn("測試", 200) ->addToolbar('edit') ->addToolbar('del') //右側位置添加一個按鈕,需要把addTableJavascript內注釋取消才可以看到 ->addToolbar(<<<HTML <a class="layui-btn layui-btn-warm layui-btn-xs" lay-event="icesadmin-test"><i class="layui-icon layui-icon-theme"></i>test</a> HTML ) //具體template有哪些使用方式請參考【http://www.layui.com/doc/modules/laytpl.html】 ->addTemplate("manageStatus-template", <<<HTML <input type="checkbox" name="sex" lay-skin="switch" lay-text="開|關" lay-filter="order-status" value="{{ d.id }}" {{ d.ispass == 1 ? 'checked' : '' }}> HTML ) //輸出新增的這個tools按鈕tests,去掉之后才能觸發編輯和刪除 ->addTableJavascript(<<<HTML //table.on("tool(mytest)", function(obj){ // console.log(obj); //}); //這一段是觸發開關按鈕或其他的table內自定義form內容 form.on("switch(order-status)", function(data){ console.log(data); console.log(data.elem.checked?1:0); }); HTML ) //在table的edit完成之后觸發的回調 ->setEditEvent(<<<HTML function(obj){ console.log(obj); } HTML ) //添加左上角的按鈕,有add添加和del批量刪除,也可以自己傳入html ->addTableBtn(['add', 'del']) ->addTableBtn("<a class='layui-btn layui-btn-normal'>111</a>") //設置一下點擊編輯按鈕打開的【截面位置】【標題】【提交網址】【提交按鈕對應的lay-fliter,正常是設置的formname-submit】【渲染完成pop回調】【提交數據回調】 ->setTableform("../../manage/view/tableForm", "測試", "/manage/view/tableFormSubmit", 'mytestform-submit', "console.log('render suc')", "")//如果去掉最后一句console.log('submit suc'),就會自動關閉pop窗口并且刷新table ->setPageBreadcrumb(["mytest"=>'后臺演示', 'Table']) ->show("/manage/view/tableList"); } public function tableForm(){ $form = new Form(); return $form ->setFormname("mytestform") ->addText("test", "測試一個") ->show(); } ~~~