boot trap前端框架问题

2019-01-02 20:39发布

使用此框架如何在以下基础上进行上传图片和图片回显,下面的图是定义一个div用来放table,

代码:<div class="col-sm-12 select-table table-striped">
<table id="bootstrap-table" data-mobile-responsive="true"></table>
</div>

这一幅图用来初始化table,只是不知道怎么回显图片?
算了直接拷代码了,
<script th:inline="javascript">
var editFlag = [[${@permission.hasPermi('door:advertisement:edit')}]];
var removeFlag = [[${@permission.hasPermi('door:advertisement:remove')}]];
var prefix = ctx + "door/advertisement";

    $(function() {
        var options = {
            url: prefix + "/list",
            createUrl: prefix + "/add",
            updateUrl: prefix + "/edit/{id}",
            removeUrl: prefix + "/remove",
            modalName: "广告",
            columns: [{
                checkbox: true
            },
            {
                field : 'id', 
                title : '' 
            },
            {
                field : 'title', 
                title : '广告标题' 
            },
            {
                field : 'content', 
                title : '广告内容' 
            },
            {
                field : 'imgUrl',
                title : '图片' 
            },
            {
                field : 'createTime', 
                title : '创建时间' 
            },
            {
                field : 'type', 
                title : '类型' 
            },
            {
                title: '操作',
                align: 'center',
                formatter: function(value, row, index) {
                    var actions = [];
                    actions.push('<a class="btn btn-success btn-xs ' + editFlag + '" href="#" onclick="$.operate.edit(\'' + row.id + '\')"><i class="fa fa-edit"></i>编辑</a> ');
                    actions.push('<a class="btn btn-danger btn-xs ' + removeFlag + '" href="#" onclick="$.operate.remove(\'' + row.id + '\')"><i class="fa fa-remove"></i>删除</a>');
                    return actions.join('');
                }
            }]
        };
        $.table.init(options);
    });
</script>

标签:
1条回答
浮光初槿花落
2楼-- · 2019-01-02 21:42

在图片那一列显示图片这个意思么? 直接就在图片那一列 formatter 里面写一个img 标签 跟上地址

查看更多
登录 后发表回答