jqGrid显示图片

今天写项目，有一个功能是往jqGrid插入图片，数据库里面存的是图片地址。

下面直接上代码，把地址从数据库里拿到，转化为图片显示：

// 通过jqgrid初始化表格的方法
function tableInit() {
$("#jqGrid").jqGrid({// 表格的初始化方法，需要指定表格的id
url : baseURL + "/item/list",// *******请求地址（获取数据的地址）
datatype : "json",// 服务器端返回的数据类型
mtype : "POST",// ajax提交方式，默认为get
postData : {},// 提交的数据{name：value}
colModel : [// *************表格的列属性信息，label:列名，name：获取到的数据的列的值，width:宽度
{
label : "商品id",
name : "itemId",
key : true,
width : 50,
hidden : true
}, {
label : "分类名称",
name : "categoryName",
width : 100
}, {
label : "商品名称",
name : "itemTitle",
width : 100,
}, {
label : "商品图片",
name :"itemImg",
width : 100,
formatter : function(value, options, row) {// value:当前对象 row：当前行
if (value != null) {
return "<img src=" + value + " width='100px' />";
} else {
return value;
}
}
}, {
label : "商品详细描述",
name : "itemDesc",
width : 100
}, {
label : "商品价格",
name : "price",
width : 100
}, {
label : "创建时间",
name : "createTime",
width : 100
}, {
label : "是否推荐商品",//0-不是 1-是
name : "isRecommend",
width : 100,
formatter : function(value, options, row) {// value:当前对象 row：当前行
if (value == 1) {
return "是";
} else {
return "否";
}
}
} ],
viewrecords : true,// 是否显示总记录数
height : 385,// 表格高度
rownumWith : 25,// 每一行的宽度
rowNum : 10,// 设置每页显示的记录数
rowList : [ 10, 30, 50 ],// 选择显示记录数的控件
rownumbers : true,// 左侧的行号
multiselect : true,// 左侧的复选框
autowidth : true,// 宽度的自动调整
pager : "#jqGridPager",// 分页区的设置
jsonReader : {// ************* 解析后台获取的数据
root : "pages.rows",// 查询的记录结果,表格显示的数据
page : "pages.pageNum",// 当前页
total : "pages.pages",// 总页码
records : "pages.total"// 总记录数

},
})

}

格式好乱，懒的搞了，你可以把代码粘出去，格式化一下再看，主要是看红色的，没几行，一看就懂

转载于:https://www.cnblogs.com/luoluoblogs/p/9691041.html