您当前的位置：首页>工作

easyadmin打开窗口调用数据字段内容作为标题前缀

发布时间:: 2021-05-29 19:20:36

标题所述的这个梗其实在3月份的时候研究过，可惜当时没有写笔记，导致现在再次遇到这个问题的时候，在聊天记录，git历史版本，blog里面都没有找到之前的解决方案。没办法只能重新读代码解决。

本次需要在easyadmin操作列通过点击button，在新弹出的窗口中能显示某个数据字段的内容作为标题的前缀。涉及到的方法为ea.table.tool。

需要显示出来的标题为楼盘名称+户型图这样的组合(默认则只显示户型图)。

原本我们可以在render cols里面进行templet:function(e){…}进行自定义，由于操作列用了官方写的方法ea.table.tool，所以在尝试了几个方法行不通之后去读了easy-admin.js源代码，在

tool: function (data, option) {}里面有拿到当前行的data数据。由于懒得再去想深究，就直接DIY个参数吧，增加了个prefix_column项用于表明是需要调用哪个字段，再框架源代码里面加上就可以了。

解决方案：

loupan.js

{

                        title: '操作', 
                        templet: ea.table.tool,
                        operat: [
                            [
                                {
                                    text: '户型图',
                                    prefix_column:'lp_name',//自定义项，用于新窗口打开时显示指定字段名作为前缀
                                    field:'lp_id',
                                    url: init.huxingtu_url,
                                    method: 'open',
                                    auth: 'stock',
                                    class: 'layui-btn layui-btn-md layui-btn-normal',
                                    extend: 'data-full="true"',
                                },
                                {
                                text: '编辑',
                                field:'lp_id',
                                url: init.edit_url,
                                method: 'open',
                                auth: 'edit',
                                class: 'layui-btn layui-btn-md layui-btn-success',
                                extend: 'data-full="true"',
                                },
                                {
                                title:'确认删除？',
                                text: '删除',
                                field:'lp_id',
                                url: init.delete_url,
                                method: 'request',
                                auth: 'delete',
                                class: 'layui-btn layui-btn-md layui-btn-danger',
                                }
                            ]
                        ]
                    }

{

title: '操作',

templet: ea.table.tool,

operat: [

[

{

text: '户型图',

prefix_column:'lp_name',//自定义项，用于新窗口打开时显示指定字段名作为前缀

field:'lp_id',

url: init.huxingtu_url,

method: 'open',

auth: 'stock',

extend: 'data-full="true"',

{

text: '编辑',

field:'lp_id',

url: init.edit_url,

method: 'open',

auth: 'edit',

extend: 'data-full="true"',

{

title:'确认删除？',

text: '删除',

field:'lp_id',

url: init.delete_url,

method: 'request',

auth: 'delete',

}

]

}

easy-dmin/easy-admin.js第566行：

                        $.each(item, function (i, operat) {
                            var prefix_column=operat.prefix_column;
                            operat.class = operat.class || '';
                            operat.icon = operat.icon || '';
                            operat.auth = operat.auth || '';
                            operat.url = operat.url || '';
                            operat.method = operat.method || 'open';
                            operat.field = operat.field || 'id';
                            operat.title = operat.title || operat.text;//增加prefix_column自定义项作为窗口标题前缀
                            operat.title=data[prefix_column]?data[prefix_column]+operat.title:operat.title;
                            operat.text = operat.text || operat.title;
                            operat.extend = operat.extend || '';
                            operat.url = admin.table.toolSpliceUrl(operat.url, operat.field, data);
                            if (admin.checkAuth(operat.auth, elem)) {
                                html += admin.table.buildOperatHtml(operat);
                            }
                        });

$.each(item, function (i, operat) {

var prefix_column=operat.prefix_column;

operat.class = operat.class || '';

operat.icon = operat.icon || '';

operat.auth = operat.auth || '';

operat.url = operat.url || '';

operat.method = operat.method || 'open';

operat.field = operat.field || 'id';

operat.title = operat.title || operat.text;//增加prefix_column自定义项作为窗口标题前缀

operat.title=data[prefix_column]?data[prefix_column]+operat.title:operat.title;

operat.text = operat.text || operat.title;

operat.extend = operat.extend || '';

operat.url = admin.table.toolSpliceUrl(operat.url, operat.field, data);

if (admin.checkAuth(operat.auth, elem)) {

html += admin.table.buildOperatHtml(operat);

}

});

标签: easyadmin

你可能感兴趣的文章：

easyadmin 数据表格中自定义数据替换column值2021-03-17 16:43
easyadmin后台打开数据列表时搜索区域默认展开2021-03-17 16:38
easyadmin table数据表格ea.table.tool列操作栏调用字段值2021-03-16 14:46
解决easyadmin layui无法获取url?id=传参问题2021-03-13 17:46
easyadmin修改layui msg弹窗停留时长2020-12-09 15:48
easyadmin layui table数据表格edit/delete操作更改绑定默认ID索引2020-12-08 15:32

easyadmin 数据表格中自定义数据替换column值 easeyadmin数据表格定义别名查询字段

共有 0 条评论

点击这里取消回复。

You must be logged in to post a comment.