Fastadmin使用—技巧提升篇

距离上次水文章.大概可能也许已经过去了半个月到时间.今天有空重新记录下关于Fastadmin使用上的一些技巧.

不定时更新.只为记录.

1.关于页面有上角生成的导出,切换,列.搜索.

如果不需要的话可以在对应的js文件中添加如下代码.即可屏蔽

//切换卡片视图和表格视图两种模式
showToggle:false,
//显示隐藏列可以快速切换字段列的显示和隐藏
showColumns:false,
//导出整个表的所有行导出整个表的所有行
showExport:false,
//搜索
search: false,
//搜索功能,
commonSearch: false,
//表格上方的搜索搜索指表格上方的搜索
searchFormVisible: false,

2.对于令人窒息的缓存问题.

很多时候发现更改页面之后没有效果.刷新,清理缓存也无效.让人又爱又恨.

在Confiig.php中将app_debug打开即可

// 应用调试模式
    'app_debug'              => Env::get('app.debug', true),

3.搜索框默认ID搜索.如果需要搜其他字段,在相应控制器添加以下即可 后面为你需要搜索的字段

 protected $searchFields = 'id,name,age';

4.如果需要对搜索框默认内容进行修改 在对应的js里面初始化表格参数配置之前添加

$.fn.bootstrapTable.locales[Table.defaults.locale]['formatSearch'] = function(){return "试试搜索吧";};

5.点击搜素不想要那个字段的话可以在对应的js中columns中 添加operate:false即可不展示该字段的搜索

 

{field: 'name', title: __('Name'),operate:false},

6.复选框的隐藏

直接注释掉就好了

7.关闭多条件搜索

operate: false

8.去掉时间区间的记忆

table.on('post-body.bs.table',function (e,settings,json,xhr) {
    $('.datetimerange').each(function () {
        $(this).attr('autocomplete','off');
    })
});

9.20190930版本无法关联模型

public/assets/libs/nice-validator/dist/jquery.validator.js
中移除7298行的

if(!field.rule){

me.hideMsg(el);
}

10.默认导出时如何过滤不需要的字段

对应的控制器中添加以下代码

exportOptions: {
                ignoreColumn: [0, 'operate'] //默认不导出第一列(checkbox)与操作(operate)列
            },

11.去除最近输入的记录

给字段配置 autocomplete="off"

12.控制台点击跳到订单列表下 并打开对应状态的tab过滤选项卡

1、首先给你的链接添加btn-addtabs这个class
<a hre="你的链接?status=状态" class="btn-addtabs" title="跳转后标签标题">你的文字</a>
2、打下对应控制器页面的JS的index方法中Table.api.bindevent(table);后添加代码
// 为表格绑定事件
Table.api.bindevent(table);

var status = Fast.api.query("status");
if(status){
    $(".nav-tabs > li > a[data-value='"+status+"']").trigger("click");
}

13.给字段添加颜色

{field: 'fengxainfenji', title: __('Fengxainfenji'),formatter: Table.api.formatter.status, custom:{低风险: 'info', 重大风险: 'danger', 一般风险: 'yellow', 较大风险: 'orange'}
},

14.使用ajax发送请求

 {
                            field: 'buttons',
                            width: "120px",
                            title: __('按钮组'),
                            table: table,
                            events: Table.api.events.operate,
                            buttons: [
                                {
                                    name: 'ajax',
                                    text: __('发送通知'),
                                    title: __('发送通知'),
                                    classname: 'btn btn-xs btn-success btn-magic btn-ajax',
                                    icon: 'fa fa-magic',
                                    url: 'reduceprice/info',
                                    confirm: '确认发送',
                                    success: function (data, ret) {
                                        Layer.alert(ret.msg);
                                        $(".btn-refresh").trigger("click");
                                        //如果需要阻止成功提示,则必须使用return false;
                                        return false;
                                    },
                                    error: function (data, ret) {
                                        console.log(data, ret);
                                        Layer.alert(ret.msg);
                                        return false;
                                    }
                                }
                            ],
                            formatter: Table.api.formatter.buttons
                        }

15.自定义的按钮如何传参数

var ids = Table.api.selectedids(table);

16.异常index页面的状态按钮

visible:false

 

0 0 vote
Article Rating
Subscribe
提醒
guest
4 评论
最旧
最新 得票最多
Inline Feedbacks
View all comments
心灵博客
1 年 之前

看代码风格应该是tp框架的吧

森七博客
1 年 之前

这猫玩起来很顺滑(为啥没有表情)