Fastadmin使用
1.下拉列表无法回显，class添加selectpicker即可。
<div class="form-group flexcenter">
<label for="questionnaire_select" class="col-sm-2">问卷类型:</label>
<div class="col-sm-8">
<select id="questionnaire_select" class="form-control selectpicker" name="questionnaire_select">
{foreach name="typeList" item="vo"}
<option value="{$key}" {in name="key" value="$row.type" }selected{/in}>{$vo}</option>
{/foreach}
</select>
</div>
</div>
2.TP5页面页面带参数跳转
window.location.href='{:url("questionnaire/questionnaire_personal")}?enterprise_questionnaire_id='+ id ;
3.自定义弹窗大小
1.给按钮添加一个btn-dialog类和一个寻找此按钮的列
2.在初始化表格前，加入下面代码
table.on('post-body.bs.table',function () {
$('.btn-qr').data('area',['550px','550px']);
});
4.刷新表格
Fast.api.ajax({
url: "questionnaire_template/add_data",
data: formData,
async: false,
}, function (data, ret) {
Fast.api.close(data);
parent.Toastr.success(ret.msg);
//刷新父级页面
window.parent.location.reload();
//刷新当前页面
table.bootstrapTable('refresh', {});
return false;
}, function (data, ret) {
Toastr.error(ret.msg);
return false;
});
5.设置表格时间显示格式
{
field: 'createtime',
title: __('创建时间'),
operate: 'RANGE',
addclass: 'datetimerange',
formatter: Table.api.formatter.datetime,
datetimeFormat:"YYYY-MM-DD",
operate: false
},
6.fastadmin根据多个字段进行排序
table.bootstrapTable({
url: $.fn.bootstrapTable.defaults.extend.index_url,
pk: 'project_id',
sortName: 'ty_project.project_status asc,ty_project.add_time desc', //这里用，隔开
search:false,
showToggle: false,
showColumns: false,
showExport: false,
pagination:true,
columns: [
[
{checkbox: true},
{field: 'project_id', title: __('序号'),operate: false,sortable:false,formatter:function(value,row,index){
return index+1;
}},
{field:'node_name',title:'当前进度',operate:false},
{field: 'case_no', title: __('建档编号'), operate: 'LIKE'},
{field: 'phone_number', title: __('联系电话'), operate: 'LIKE'},
{field: 'username',title:__('操作人'),operate:'LIKE',visible: false},
{field: 'fangkuantime',title:__('放款时间'),operate:'RANGE',addclass: 'datetimerange',formatter: Table.api.formatter.datetime,visible: false},
{
field: 'caozuotime',
title:__('操作时间'),
sortable: true,
operate:'RANGE',
addclass: 'datetimerange',
formatter: Table.api.formatter.datetime,
visible: false
},
{field: 'operate', title: __('Operate'),table: table, events: Table.api.events.operate,
buttons: [
{
name: 'xq',
title: __('客户详情'),
classname: 'btn btn-xs btn-warning btn-addtabs',
icon: 'fa fa-folder-o',
url: 'Customer/customerxq',
callback: function (data) {
Layer.alert("接收到回传数据：" + JSON.stringify(data), {title: "回传数据"});
},
hidden:function (row) {
// if (row.apply_status == 1){
// return false;
// }
},
}],formatter: Table.api.formatter.operate}
]
]
});
//sql语句
ORDER BY
`a`.`project_status` ASC,
`a`.`add_time` DESC
LIMIT 0,
50
7.fastadmin 表单下拉框
//控制器.php
class TyBorrwoner extends Backend
{
/**
* TyBorrwoner模型对象
* @var \app\admin\model\TyBorrwoner
*/
protected $model = null;
protected $noNeedLogin = ['getBorrwoners'];
public function _initialize()
{
parent::_initialize();
$this->model = new \app\admin\model\TyBorrwoner;
$this->view->assign("statusArr", ['1'=>'正式提交','2'=>'草稿']);
}
}
//add.html
<div class="form-group">
<label class="control-label col-xs-12 col-sm-2">状态:</label>
<div class="col-xs-12 col-sm-8">
<select id="c-comment_auth" class="form-control selectpicker" name="row[status]">
{foreach name="statusArr" item="vo"}
<option value="{$key}">{$vo}</option>
{/foreach}
</select>
</div>
</div>
//edit.html
<div class="form-group">
<label class="control-label col-xs-12 col-sm-2">状态:</label>
<div class="col-xs-12 col-sm-8">
<select id="c-comment_auth" class="form-control selectpicker" name="row[status]">
{foreach name="statusArr" item="vo"}
<option value="{$key}" {in name="key" value="$row.status"}selected{/in}>{$vo}</option>
{/foreach}
</select>
</div>
</div>
7.fastadmin 表单 单选框
//add.html
<div class="form-group">
<label class="control-label col-xs-12 col-sm-2">状态:</label>
<div class="col-xs-12 col-sm-8">
<div class="radio">
{foreach name="statusArr" item="vo"}
<label for="row[status]-{$key}"><input id="row[status]-{$key}" name="row[status]" type="radio" value="{$key}" {in name="key" value="1"}checked{/in} /> {$vo}</label>
{/foreach}
</div>
</div>
</div>
//edit.html
<div class="form-group">
<label class="control-label col-xs-12 col-sm-2">状态:</label>
<div class="col-xs-12 col-sm-8">
<div class="radio">
{foreach name="statusArr" item="vo"}
<label for="row[status]-{$key}"><input id="row[status]-{$key}" name="row[status]" type="radio" value="{$key}" {in name="key" value="$row.status"}checked{/in} /> {$vo}</label>
{/foreach}
</div>
</div>
</div>
7.fastadmin 后台a标签自定义添加标签页跳转
//title=>标签页名称
<a href="/admin.php/customer/index" class="btn-addtabs" title="客户管理"></a>
8.fastadmin表格里面设置宽度不起作用的解决办法
1.移除index.html表格里面的table-nowrap这个值
2.
{field: 'outlink', title: __('Outlink'), operate: 'LIKE',
cellStyle : function(value, row, index, field){
return {
css: {
"white-space": "nowrap",//单行省略必备
"text-overflow": "ellipsis",//单行省略必备
"overflow": "hidden",//单行省略必备
"color": "#3172a6",
"min-width":"200px" //主要是这个设置
}
};
}
9.在fastadmin的 工具栏上加了一个按钮, 点击后希望显示一个弹出框
Fast.api.open(‘company/company_address/companymap’,“地图”,{area:[“100%”,“100%”]});
10.想在 fastadmin的后台新建一个标签页显示我们需要的内容
Backend.api.addtabs(‘company/company_address/companymap’,“地图”);
11.根据权限动态显示列表的操作按钮
//列表页面index.html
注意:框架会自动生成添加，编辑，删除按钮
分别是 data-operate-del， data-operate-add, data-operate-edit,如果直接隐藏，设置为空就行
格式:data-operate-js里
<table id="table" class="table table-striped table-bordered table-hover table-nowrap"
data-operate-del=""
data-operate-edit="{:$auth->check('areas/edit')}"
data-operate-outline="{:$auth->check('areas/changeStatus')}"
data-operate-delete="{:$auth->check('areas/delete')}"
width="100%">
</table>
控制器的js
{
field: 'buttons',
width: "120px",
title: __('操作'),
table: table,
operate: false,
buttons: [
{
name: 'edit',
text: __('编辑'),
title: __('编辑'),
classname: 'btn btn-xs btn-primary btn-warning btn-dialog',
url: function (row, column) {
return 'areas/edit?ids=' + row.id;
}
},
{
name: 'online',
text: __('上线'),
title: __('上线'),
classname: 'btn btn-xs btn-success btn-magic btn-ajax',
url: 'areas/changeStatus?type=1',
confirm: '确认上线',
success: function (data, ret) {
//Layer.alert(ret.msg + ",返回数据：" + JSON.stringify(data));
//如果需要阻止成功提示，则必须使用return false;
table.bootstrapTable('refresh', {});
return false;
},
error: function (data, ret) {
// Layer.alert(ret.msg);
table.bootstrapTable('refresh', {});
return false;
},
visible: function (row) {
//返回true时按钮显示,返回false隐藏
if(row.status==2){
return true;
}else{
return false;
}
}
},
{
name: 'outline',
text: __('下线'),
title: __('下线'),
classname: 'btn btn-xs btn-success btn-magic btn-ajax',
url: 'areas/changeStatus?type=2',
confirm: '确认下线',
success: function (data, ret) {
//Layer.alert(ret.msg + ",返回数据：" + JSON.stringify(data));
//如果需要阻止成功提示，则必须使用return false;
table.bootstrapTable('refresh', {});
return false;
},
error: function (data, ret) {
//Layer.alert(ret.msg);
table.bootstrapTable('refresh', {});
return false;
},
visible: function (row) {
//返回true时按钮显示,返回false隐藏
if(row.status!=2){
return true;
}else{
return false;
}
}
},
{
name: 'delete',
text: __('删除'),
title: __('删除'),
classname: 'btn btn-xs btn-success btn-magic btn-ajax',
url: 'areas/delete',
confirm: '确认删除',
success: function (data, ret) {
//Layer.alert(ret.msg + ",返回数据：" + JSON.stringify(data));
//如果需要阻止成功提示，则必须使用return false;
table.bootstrapTable('refresh', {});
return false;
},
error: function (data, ret) {
//Layer.alert(ret.msg);
table.bootstrapTable('refresh', {});
return false;
},
},
],
events: Table.api.events.operate,
formatter: Table.api.formatter.operate //这里必须是operate
}
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
