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