在jqgrid的列中添加图像

我想在 jqgrid 的第一列中显示一个小图像，以显示从数据库获取的所有数据。

jquery("#tableName").jqgrid({
.....
colNames : ['', ''],
colModel : [{
    width : '25%',
    },{
    name : 'someValue',
    index : 'somevalue',
    widht : '75%',
    sorttype: 'text'
}]
});

我想在第一个 colmodel 中添加图像。我尝试了格式化程序，但不确定单元格值、行对象、选项。任何帮助，将不胜感激。

我为图像做了类似的事情

function imageFormat( cellvalue, options, rowObject ){
        return '<img src="'+cellvalue+'" />';
    }

我应该在哪里提供图像 src ？如何在 colmodel 中提及 imageformat ？

Thanks

如果您需要在网格的第一列中设置图像，您可以定义网格

$("#tableName").jqGrid({
    .....
    colNames: ['', ''],
    colModel: [
        {
            name: 'someUniqueColumnName',
            width: 25,
            fixed: true,
            formatter: function () {
                return "<img src='http://myserver/path/i.jpg' alt='my image' />";
            }
        },
        {
            name: 'someValue',
            width: 123 // width of column in pixel
        }
    ],
    ...
});

The formatter只需返回一个字符串，该字符串是需要放置在列中的 HTML 片段。因为 JavaScript 中的所有参数都是可选的，我们不需要那么我们可以定义formatter作为不带参数的函数。该物业width是列的大小（以像素为单位）。如果您使用其他 jqGrid 选项，例如autowidth: true或指定整个宽度网格的相对于width选项（如果你不使用shrinkToFit: false选项）然后 jqGrid 将scale基于值的列宽width中列的属性colModel。使用我包含的图像不对列进行缩放fixed: true另外财产。

一些常见的评论：您应该注意 JavaScript 中名称的大小写。例如您发布的第一行代码（jquery("#tableName").jqgrid({）应替换为jQuery("#tableName").jqGrid({.