dojo小例子(16)Grid cell里显示图片,图片取自rest

前端之家收集整理的这篇文章主要介绍了dojo小例子(16)Grid cell里显示图片,图片取自rest前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

要在grid cell单元格里显示图片,需要用到formatter,具体用法如下:

首先,创建一个取图片function:

var fetchImg = function(index,cellValue,rowIndex,object) {// index是自定义参数,后面的三个参数是formatter传入的
    var name = grid.getItem(rowIndex).name;// 取本行的name字段值
    return "<img alt='car image' src='/dojo/rest/getImg?name=" + name + "'>"; // 把name传入rest,取本行图片
};
然后,在layout中的定义:
var layout = [
    [{
        'name': 'Column 1','field': 'id','width': '100px'
    },{
        'name': 'Column 4',formatter: lang.hitch(this,fetchImg,4) // 4是自定义参数,对应fetchImg的index
    }]
];
最后,rest中的定义:
@GET
@Path("/getImg")
@Produces("image/jpeg")
public byte[] getImg(@QueryParam("name") String name) {
原文链接:https://www.f2er.com/dojo/291161.html

猜你在找的Dojo相关文章