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) {



你可能感兴趣的:(图片,REST,dojo)