阿里云服务器可以做网站吗,中关村在线手机论坛,阿里云官网首页,百度网盘网址官方一张图解析表格列表功能文档#xff1a;(一张图解析FastAdmin中的表格列表的功能 - FastAdmin问答社区)
会遇到后期手动添加tab栏的情况
首先#xff0c;需要在控制器对应的index.html页面中需要增加你想要筛选的字段 div classpanel-heading{:bui…官方一张图解析表格列表功能文档(一张图解析FastAdmin中的表格列表的功能 - FastAdmin问答社区)
会遇到后期手动添加tab栏的情况
首先需要在控制器对应的index.html页面中需要增加你想要筛选的字段 div classpanel-heading{:build_heading(null,FALSE)}ul classnav nav-tabs data-fieldis_aloneli class{:$Think.get.is_alone null ? active : }a href#t-all data-value data-toggletab{:__(All)}/a/li{foreach nameisAloneList itemvo}li class{:$Think.get.is_alone (string)$key ? active : }a href#t-{$key} data-value{$key}data-toggletab{$vo}/a/li{/foreach}/ul/div
其次需要在对应模型中去定义上述文件的isAloneList数据 public function getIsAloneusList(){return [0__(Is_alone 0),1__(Is_alone 1)];}
再其次需要经过控制器将数据传递到index.html页面 $this-model new \app\admin\model\api\Order;$this-assign(isAloneList,$this-model-getIsAloneusList());
经过上述操作后后台页面已经会呈现出你想要的tab选择框 但是当你点击时会发现没有达到你想要的筛选数据的效果
最后需要再js中var table $(#table);添加以下代码 $(.panel-heading a[data-toggletab]).on(shown.bs.tab, function (e) {var field $(this).closest(ul).data(field);var value $(this).data(value);var options table.bootstrapTable(getOptions);options.pageNumber 1;options.queryParams function (params) {var filter {};if (value ! ) {filter[field] value;}params.filter JSON.stringify(filter);return params;};table.bootstrapTable(refresh, {});return false;}); 注意 tab栏字段一定要和js中显示的字段相对应否则也会发生不生效的作用
