当前位置 : 主页 > 网页制作 > Dojo >

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

来源:互联网 收集:自由互联 发布时间:2021-06-15
要在grid cell单元格里显示图片,需要用到formatter,具体用法如下: 首先,创建一个取图片function: var fetchImg = function(index, cellValue, rowIndex, object) {// index是自定义参数,后面的三个参数是

要在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) {
网友评论