FastAdmin 后台表格常用说明

官方文档:https://doc.fastadmin.net/doc/197.html

比如在线生成的js在


示例:

define(['jquery', 'bootstrap', 'backend', 'table', 'form'], function ($, undefined, Backend, Table, Form) {

 

var Controller = {

index: function () {

// 初始化表格参数配置

Table.api.init({

extend: {

index_url: 'order/index' + location.search,

add_url: 'order/add',

edit_url: 'order/edit',

del_url: 'order/del',

multi_url: 'order/multi',

import_url: 'order/import',

table: 'order',

}

});

 

var table = $("#table");

 

// 初始化表格

table.bootstrapTable({

url: $.fn.bootstrapTable.defaults.extend.index_url,

pk: 'id',

sortName: 'id',

exportTypes: ['csv', 'excel'],//导出数据类型可以选择

//dblClickToEdit: false, //取消双击编辑

columns: [

[

{checkbox: true},

{field: 'id', title: __('Id')},

{field: 'order', title: __('Order'), operate: 'LIKE'},

{field: 'uid', title: __('Uid')},

{field: 'price', title: __('市场价格'), operate:'BETWEEN'},

{field: 'money', title: __('Money'), operate:'BETWEEN'},


 

 

在某个字段下面加入点击搜索另一个控制器的某个id的数据

示例:在订单表(order)里面的uid点击后跳转到用户表(user)里面对应的id

在order表里面

{field: 'uid', title: __('Uid')},

加上formatter: Controller.api.formatter.uid

{field: 'uid', title: __('Uid'),formatter: Controller.api.formatter.uid},

 

 

api: {

formatter: {

uid: function (value, row, index) {

//这里手动构造URL

url = "user?id=" + value;//this.field

 

//方式一,直接返回class带有addtabsit的链接,这可以方便自定义显示内容

return '<a target="_blank" href="' + url + '" class="label label-success addtabsit" title="' + __("Search %s", value) + '">' + __('Search %s', '用户'+value) + '</a>';

 

//方式二,直接调用Table.api.formatter.addtabs

// this.url = url;

// // console.log(url);

// return Table.api.formatter.addtabs.call(this, value, row, index);

}

}

 

}

1679
主攻后端PHP
4660
二次开发Code
1679
长连接Swoole
4640
高并发网站Redis