距离上次水文章.大概可能也许已经过去了半个月到时间.今天有空重新记录下关于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
看代码风格应该是tp框架的吧
@心灵博客 对 基于tp的框架 开发后台挺快的
这猫玩起来很顺滑(为啥没有表情)
@森七博客 表情暂时还没加 嘻嘻 过两天加吧