PHP建站技术分享-从入门到精通PHP建站技术分享-从入门到精通PHP建站技术分享-从入门到精通

QQ:420220301 微信/手机:150-3210-7690
当前位置:首页 > CMS教程 > Fastadmin

分享如何修改行内操作列,修改编辑或删除按钮

管理员 2024-12-14
Fastadmin
8

有感于社区内无数水友问:“如何取消表格行内删除/编辑按钮啊?”。我作为一个有幸解决过这个问题的小白,在此分享出一些浅显的经验。废话不多说,直接上代码,代码后会接着做简单的解析。

table.bootstrapTable({                url: $.fn.bootstrapTable.defaults.extend.index_url,                pk: 'product_id',                sortName: 'product_id',                columns: [                    [                        {checkbox: true},                        {field: 'product_id', title: __('商品ID')},                        {field: 'name', title: __('商品名字'), operate:'like'},                        {field: 'type', title: __('商品类型'), formatter: function (value, row, index) {                            return row['type_name'];                        }, searchList: $.getJSON("/admin/shop/productinfo/getProList")},                        {field: 'brand', title: __('商品品牌'), operate:'like'},                        {field: 'material', title: __('商品面料'), operate:'like'},                        {field: 'fill', title: __('填充材料'), operate:'like'},                        {field: 'sell', title: __('售出数'), operate:'BETWEEN'},                        {field: 'create_time', title: __('创建时间'), formatter:function (value, row, index){                            return new Date(parseInt(value) * 1000).toLocaleString().replace(/:d{1,2}$/,' ');                        }, searchable: false},                        /*{field: 'operate', title: __('Operate'), table: table, events: Table.api.events.operate, formatter: Table.api.formatter.operate}*/                        {field: 'operate', title: __('Operate'), table: table, events: Table.api.events.operate, formatter: function (value, row, index) {                            return '<a href="/admin/shop/productinfo/edit/ids/'+ row["product_id"] + '" class="btn btn-xs btn-success btn-editone" title=""><i class="fa fa-pencil"></i></a>  ' +                            '<a href="javascript:;" class="btn btn-xs btn-danger btn-delone" title=""><i class="fa fa-trash"></i></a>';                        }}                    ]                ],            });

大家可以关注“[hl]operate[/hl]”字段,也就是操作字段。
其实bootstrap-table单元格中的内容都是通过formatter的方法的返回值来赋值的,所以我注释了原来的json,而采用自定义json。
你看到我虽然同样在操作那一列里有两个按钮,但确是直接返回了html代码,你们可以挑你们需要的编辑或者删除来使用。
PS:这是哪个fa版本我忘了,不过操作都是大同小异,如果出现小BUG或者不生效需要使用者自行调试返回的html


希望以上内容对你有所帮助!如果还有其他问题,请随时提问。 各类知识收集 拥有多年CMS企业建站经验,对 iCMS, Fastadmin, ClassCMS, LeCMS, PbootCMS, PHPCMS, 易优CMS, YzmCMS, 讯睿CMS, 极致CMS, Wordpress, HkCMS, YznCMS, WellCMS, ThinkCMF, 等各类cms的相互转化,程序开发,网站制作,bug修复,程序杀毒,插件定制都可以提供最佳解决方案。

相关推荐

扫码关注

qrcode

QQ交谈

回顶部