fastadmin表格导出图片

最新推荐文章于 2025-03-29 15:02:24 发布

符文师

最新推荐文章于 2025-03-29 15:02:24 发布

阅读量1.5k

点赞数 2

分类专栏： # php fastadmin 文章标签： javascript 前端 bootstrap

本文链接：https://blog.youkuaiyun.com/qq_31315703/article/details/121293169

版权

php fastadmin 专栏收录该内容

30 篇文章

订阅专栏

这段代码展示了如何初始化一个Bootstrap Table，包括设置URL、主键、排序、固定列、搜索、显示列、导出类型等选项。特别地，它定义了一个`onCellHtmlHyperlink`回调函数来处理单元格内的HTML内容，如输入框、选择框和图片，并在导出时进行处理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 // 初始化表格
            table.bootstrapTable({
                url: $.fn.bootstrapTable.defaults.extend.index_url,
                pk: 'id',
                sortName: 'weigh',
                fixedColumns:true,
                fixedRightNumber:1,
                search:false,
                searchFormVisible:true,
                showColumns:false,
                exportTypes: ['excel'],
                exportOptions: {
                    ignoreColumn: [0, 'operate'],
                    onBeforeSaveToFile: function(data, fileName, type, charset, encoding, bom){
                        return $.fn.bootstrapTable.defaults.extend.savestatus;
                    },
                    onCellHtmlHyperlink: function($cell, rowIndex, colIndex, href, htmlData)
                    {
                        var html = $.parseHTML(htmlData);
                        var inputidx = 0;
                        var selectidx = 0;
                        var result = '';

                        $.each(html, function () {
                            if ($(this).is("input")) {
                                result += $cell.find('input').eq(inputidx++).val();
                            }
                            else if ($(this).is("select")) {
                                result += $cell.find('select option:selected').eq(selectidx++).text();
                            }
                            else if ($(this).is("img")) {
                                var src = $(this).attr('src');
                                if (src.indexOf('http') === -1) {
                                    $(this).attr('src', window.location.origin + src);
                                }
                                $(this).attr("width", "40").attr("height", "100%").attr('class', '');
                                result += '<div>' + $(this).get(0).outerHTML + '</div>';
                            } else {
                                if (typeof $(this).html() === 'undefined') {
                                    result += $(this).text();
                                }
                                else if (jQuery().bootstrapTable === undefined ||
                                    ($(this).hasClass('filterControl') !== true &&
                                        $cell.parents('.detail-view').length === 0)) {
                                    result += $(this).html();
                                }
                            }
                        });
                        return result;
                    }
                },
                columns: [
                    [
                        {checkbox: true},
                   ]
              ]
    })