fastadmin table 单元格 格式化

最新推荐文章于 2024-07-09 15:47:50 发布
最新推荐文章于 2024-07-09 15:47:50 发布
阅读量1.1k 收藏 1
点赞数
分类专栏： # php fastadmin
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_31315703/article/details/114029201
版权 
// 单元格数据格式化
            formatter: {
                icon: function (value, row, index) {
                    if (!value)
                        return '';
                    value = value === null ? '' : value.toString();
                    value = value.indexOf(" ") > -1 ? value : "fa fa-" + value;
                    //渲染fontawesome图标
                    return '<i class="' + value + '"></i> ' + value;
                },
                image: function (value, row, index) {
                    value = value ? value : '/assets/img/blank.gif';
                    var classname = typeof this.classname !== 'undefined' ? this.classname : 'img-sm img-center';
                    return '<a href="javascript:"><img class="' + classname + '" src="' + Fast.api.cdnurl(value) + '" /></a>';
                },
                images: function (value, row, index) {
                    value = value === null ? '' : value.toString();
                    var classname = typeof this.classname !== 'undefined' ? this.classname : 'img-sm img-center';
                    var arr = value.split(',');
                    var html = [];
                    $.each(arr, function (i, value) {
                        value = value ? value : '/assets/img/blank.gif';
                        html.push('<a href="javascript:"><img class="' + classname + '" src="' + Fast.api.cdnurl(value) + '" /></a>');
                    });
                    return html.join(' ');
                },
                content: function (value, row, index) {
                    var width = this.width != undefined ? (this.width.match(/^\d+$/) ? this.width + "px" : this.width) : "250px";
                    return "<div style='white-space: nowrap; text-overflow:ellipsis; overflow: hidden; max-width:" + width + ";'>" + value + "</div>";
                },
                status: function (value, row, index) {
                    var custom = {normal: 'success', hidden: 'gray', deleted: 'danger', locked: 'info'};
                    if (typeof this.custom !== 'undefined') {
                        custom = $.extend(custom, this.custom);
                    }
                    this.custom = custom;
                    this.icon = 'fa fa-circle';
                    return Table.api.formatter.normal.call(this, value, row, index);
                },
                normal: function (value, row, index) {
                    var colorArr = ["primary", "success", "danger", "warning", "info", "gray", "red", "yellow", "aqua", "blue", "navy", "teal", "olive", "lime", "fuchsia", "purple", "maroon"];
                    var custom = {};
                    if (typeof this.custom !== 'undefined') {
                        custom = $.extend(custom, this.custom);
                    }
                    value = value === null ? '' : value.toString();
                    var keys = typeof this.searchList === 'object' ? Object.keys(this.searchList) : [];
                    var index = keys.indexOf(value);
                    var color = value && typeof custom[value] !== 'undefined' ? custom[value] : null;
                    var display = index > -1 ? this.searchList[value] : null;
                    var icon = typeof this.icon !== 'undefined' ? this.icon : null;
                    if (!color) {
                        color = index > -1 && typeof colorArr[index] !== 'undefined' ? colorArr[index] : 'primary';
                    }
                    if (!display) {
                        display = __(value.charAt(0).toUpperCase() + value.slice(1));
                    }
                    var html = '<span class="text-' + color + '">' + (icon ? '<i class="' + icon + '"></i> ' : '') + display + '</span>';
                    if (this.operate != false) {
                        html = '<a href="javascript:;" class="searchit" data-toggle="tooltip" title="' + __('Click to search %s', display) + '" data-field="' + this.field + '" data-value="' + value + '">' + html + '</a>';
                    }
                    return html;
                },
                toggle: function (value, row, index) {
                    var table = this.table;
                    var options = table ? table.bootstrapTable('getOptions') : {};
                    var pk = options.pk || "id";
                    var color = typeof this.color !== 'undefined' ? this.color : 'success';
                    var yes = typeof this.yes !== 'undefined' ? this.yes : 1;
                    var no = typeof this.no !== 'undefined' ? this.no : 0;
                    var url = typeof this.url !== 'undefined' ? this.url : '';
                    var confirm = '';
                    var disable = false;
                    if (typeof this.confirm !== "undefined") {
                        confirm = typeof this.confirm === "function" ? this.confirm.call(this, value, row, index) : this.confirm;
                    }
                    if (typeof this.disable !== "undefined") {
                        disable = typeof this.disable === "function" ? this.disable.call(this, value, row, index) : this.disable;
                    }
                    return "<a href='javascript:;' data-toggle='tooltip' title='" + __('Click to toggle') + "' class='btn-change " + (disable ? 'btn disabled no-padding' : '') + "' data-index='" + index + "' data-id='"
                        + row[pk] + "' " + (url ? "data-url='" + url + "'" : "") + (confirm ? "data-confirm='" + confirm + "'" : "") + " data-params='" + this.field + "=" + (value == yes ? no : yes) + "'><i class='fa fa-toggle-on text-success text-" + color + " " + (value == yes ? '' : 'fa-flip-horizontal text-gray') + " fa-2x'></i></a>";
                },
                url: function (value, row, index) {
                    value = value === null ? '' : value.toString();
                    return '<div class="input-group input-group-sm" style="width:250px;margin:0 auto;"><input type="text" class="form-control input-sm" value="' + value + '"><span class="input-group-btn input-group-sm"><a href="' + value + '" target="_blank" class="btn btn-default btn-sm"><i class="fa fa-link"></i></a></span></div>';
                },
                search: function (value, row, index) {
                    var field = this.field;
                    if (typeof this.customField !== 'undefined' && typeof row[this.customField] !== 'undefined') {
                        value = row[this.customField];
                        field = this.customField;
                    }
                    return '<a href="javascript:;" class="searchit" data-toggle="tooltip" title="' + __('Click to search %s', value) + '" data-field="' + field + '" data-value="' + value + '">' + value + '</a>';
                },
                addtabs: function (value, row, index) {
                    var url = Table.api.replaceurl(this.url, row, this.table);
                    var title = this.atitle ? this.atitle : __("Search %s", value);
                    return '<a href="' + Fast.api.fixurl(url) + '" class="addtabsit" data-value="' + value + '" title="' + title + '">' + value + '</a>';
                },
                dialog: function (value, row, index) {
                    var url = Table.api.replaceurl(this.url, row, this.table);
                    var title = this.atitle ? this.atitle : __("View %s", value);
                    return '<a href="' + Fast.api.fixurl(url) + '" class="dialogit" data-value="' + value + '" title="' + title + '">' + value + '</a>';
                },
                flag: function (value, row, index) {
                    var that = this;
                    value = value === null ? '' : value.toString();
                    var colorArr = {index: 'success', hot: 'warning', recommend: 'danger', 'new': 'info'};
                    //如果字段列有定义custom
                    if (typeof this.custom !== 'undefined') {
                        colorArr = $.extend(colorArr, this.custom);
                    }
                    var field = this.field;
                    if (typeof this.customField !== 'undefined' && typeof row[this.customField] !== 'undefined') {
                        value = row[this.customField];
                        field = this.customField;
                    }

                    //渲染Flag
                    var html = [];
                    var arr = value.split(',');
                    var color, display, label;
                    $.each(arr, function (i, value) {
                        value = value === null ? '' : value.toString();
                        if (value == '')
                            return true;
                        color = value && typeof colorArr[value] !== 'undefined' ? colorArr[value] : 'primary';
                        display = typeof that.searchList !== 'undefined' && typeof that.searchList[value] !== 'undefined' ? that.searchList[value] : __(value.charAt(0).toUpperCase() + value.slice(1));
                        label = '<span class="label label-' + color + '">' + display + '</span>';
                        if (that.operate) {
                            html.push('<a href="javascript:;" class="searchit" data-toggle="tooltip" title="' + __('Click to search %s', display) + '" data-field="' + field + '" data-value="' + value + '">' + label + '</a>');
                        } else {
                            html.push(label);
                        }
                    });
                    return html.join(' ');
                },
                label: function (value, row, index) {
                    return Table.api.formatter.flag.call(this, value, row, index);
                },
                datetime: function (value, row, index) {
                    var datetimeFormat = typeof this.datetimeFormat === 'undefined' ? 'YYYY-MM-DD HH:mm:ss' : this.datetimeFormat;
                    if (isNaN(value)) {
                        return value ? Moment(value).format(datetimeFormat) : __('None');
                    } else {
                        return value ? Moment(parseInt(value) * 1000).format(datetimeFormat) : __('None');
                    }
                },
                operate: function (value, row, index) {
                    var table = this.table;
                    // 操作配置
                    var options = table ? table.bootstrapTable('getOptions') : {};
                    // 默认按钮组
                    var buttons = $.extend([], this.buttons || []);
                    // 所有按钮名称
                    var names = [];
                    buttons.forEach(function (item) {
                        names.push(item.name);
                    });
                    if (options.extend.dragsort_url !== '' && names.indexOf('dragsort') === -1) {
                        buttons.push(Table.button.dragsort);
                    }
                    if (options.extend.edit_url !== '' && names.indexOf('edit') === -1) {
                        Table.button.edit.url = options.extend.edit_url;
                        buttons.push(Table.button.edit);
                    }
                    if (options.extend.del_url !== '' && names.indexOf('del') === -1) {
                        buttons.push(Table.button.del);
                    }
                    return Table.api.buttonlink(this, buttons, value, row, index, 'operate');
                }
                ,
                buttons: function (value, row, index) {
                    // 默认按钮组
                    var buttons = $.extend([], this.buttons || []);
                    return Table.api.buttonlink(this, buttons, value, row, index, 'buttons');
                }
            },

https://ask.fastadmin.net/article/8071.html

符文师
关注
专栏目录
Fastadmin列表自定义按钮，带参跳转到
weixin_39225411的博客
06-20 612
点击配置按钮跳转页面并根据id搜索对应的数据
一张图解析FastAdmin中的表格列表的功能
qq_42538872的博客
02-16 1717
功能描述 请根据图片上的数字索引查看对应功能说明。 1.菜单名称和描述 默认生成的CRUD是没有菜单名称和描述显示的，如果需要显示则可以修改权限管理->菜单规则，给对应菜单的添加上备注信息后即可显示，支持HTML 2.TAB过滤选项卡 在一键生成CRUD时，如果表中存在status字段且为ENUM类型，则会生成相应的TAB过滤选项卡，如果需要生成其它字段的过滤选项卡则可以在使用php th...
fastadmin table 渲染时间格式化
weixin_43652106的博客
08-10 1297
记录：fastadmin table 渲染时间为日期（年-月-日）格式及默认初始化日期时间格式。HTML中显示日期格式。
fastadmin笔记，fastadmin表格功能
魍魉
10-21 743
fastadmin笔记，fastadmin表格功能
Vue Table 表格 利用formatter属性格式化数据
supramolecular的博客
07-11 1万+
利用formatter属性格式化数据格式化数据 <el-table-column show-overflow-tooltip :formatter="handphase" type="selection" align="c...
fastadmin导出excel数字格式，支持excel求和运算
oraclechaozi的专栏
09-29 684
在初始化 table.bootstrapTable 的时候增加js控制器对应的字段如果有负数需要进行格式转换一下用 (int) 或者 (float) 转为数字格式col对应导出到表格里的第几列，第一列是0，以此往后数即可不同的格式写法如下："\@" 强制为文本格式"0" 数字 无小数"0\.000" 数字 三位小数"0%" 百分比 无小数"Percent" 百分比 两位小数或者 直接闭包。
formatter function （value,row,index）{ } 参数的含义
普通人一枚
09-07 4547
datagarid的formatter属性 formatter : function(value,row,index) { if (value == '1') { return "提交"; }else if (value == '99') { return "完成"; }else{ return "保存"; } } formatter 属于列参数，表示对于当前列的数据进行格式化操作，它是一个函数，有三个参数，分别是value，row,inde
bootstrap-table动态添加列、动态添加行、单元格点击横向、竖向统计
热门推荐
we675398040的博客
05-29 1万+
功能说明 一 、横竖向统计 1.竖向统计统计使用bootstrap-table自带的footerFormatter函数 2.横向同级统计使用bootstrap-table 列属性 formatter 3.单元格合并 4.点击单元格获取后台数据并展示 5.获取最终数据 代码部分 <!DOCTYPE html> <html lang="en"> <h...
fastadmin 各种开发技巧，问题总合集，持续跟新中....
最新发布
xxpxxpoo8的专栏
07-09 930
也可以单独获取某个字段 js 需改后的代码 需要带花括号 下面简单介绍一下几个配置的含义 name:唯一标识,其中index/add/edit/del/multi/dragsort这几个框架已经暂用,如果使用将会覆盖已有属性 text:按钮上的文本，可以为空时，为空时按钮将不显示文字信息，为空时最好配置上icon的值 title:按钮的标题信息，当鼠标移到上面时显示的文字，同时作为dialog弹出窗时的标题信息 icon:按钮上的按钮信息，可使用Font-awesome的按钮，当text为空时请务必填
fastadmin 基础
zyh2468的博客
10-27 3788
fastadmin 基础 目录结构 一、fastadmin 类库 1.文字转拼音 2.时间类库 3.分类 目录结构 project 应用部署目录 ├─application 应用目录（可设置） │ ├─common 公共模块目录（可更改） │ ├─index 模块目录(可更改) │ │ ├─config.php 模块配置文件 │ │ ├─common.php 模块函.
php表格控制器,了解fastadmin标准的控制器模块js的表格事件
weixin_39578867的博客
03-20 490
controller/A.phppublic/assets/js/backend/a.jscontroller/b/A.phppublic/assets/js/backend/b/a.js标准的控制器模块jsdefine(['jquery', 'bootstrap', 'backend', 'table', 'form'], function ($, undefined, Backend, Tab...
【fastadmin】如何修改表格中的内容为标签类型以及如何使用单选或下拉框
weixin_45816803的博客
01-23 884
如何实现以下功能： 数据库中字段为： 首先找到该模块的js文件： 修改该对应字段部分为： { field: 'type', title: __('Type'), searchList: { "3": __('新技术'), "4": __('新产品') }, formatter: Table.api.formatter.label } 然后找到model中的php文件： 添加一个名为getxxx的方法如下： public function getTypeList() {
fastAdmin表格与其他快捷方法使用
qq_27080351的博客
02-12 1600
【代码】fastAdmin表格与其他快捷方法使用。键值组件(Fieldlist)，table表格
fastAdmin表格列表的功能
glovenone的专栏
02-28 2887
fastmin后台使用介绍；发送ajax请求
Fastadmin踩坑日记-2.魔改表格
xzy565143480的博客
02-04 2501
Fastadmin踩坑日记-2.魔改表格 经过日夜的查找，终于可以慢慢的上手这个了，踩了几个坑，记录一下 坑1-前台无法显示emoji字符 最早的几个emoji是2个字节，在utf8默认的双字节编码中是可以正常显示的，比如那个红色感叹号❕，到后来emoji逐步成为了4个字符，原本的utf8_gerneral_ci字符集就没法显示了，必须手动设置 显示emoji需要几个条件 数据库字符集为utf...
fastadmin对表格字段进行判断进行格式化
Icebreaker
01-26 1736
{field: 'remark_dict', title: __('Remark_dict'), operate: 'false',formatter: function (value,row,index) { //return '总额：'+ row.remark_dict +'<br/>' //业务逻辑 }},
fastadmin中表格控件设置,设置表格中文本左对齐，超链接
weixin_46001736的博客
12-27 1557
fastadmin中表格控件设置,设置表格中文本左对齐，超链接
Fastadmin JS
koudandan的博客
08-11 680
Fastadmin JS相关
了解fastadmin标准的控制器模块js的表格事件
王世凡的技术博客
08-07 1470
controller/A.php<-------------->public/assets/js/backend/a.js controller/b/A.php<-------------->public/assets/js/backend/b/a.js 标准的控制器模块js <scriptsrc="/assets/js/require.js"data-main="/assets/js/require-backend.js?v=1551685919"></..
使用OpenXml合并Table单元格的C#代码示例
在本文中，我们将探讨如何使用OpenXml库来合并Word文档中的Table单元格，这对于自动化报告生成或数据展示非常有用。 首先，我们需要引入必要的命名空间，包括`DocumentFormat.OpenXml`、`DocumentFormat.OpenXml....
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值