*** 설명 ***
컬럼에 이미지를 표시하려면 formatter를 사용.
*** JqGrid 설정 ***
jQuery("#registerUsers").jqGrid({
url: '/test/user',
datatype: "json",
colNames: ['Name', 'images'],
colModel: [
{ name: 'Name', index: 'Name', width: 150, align: 'left' },
{ name: 'Img', index: 'Img', width: 100, align: 'center', formatter: imageFormatter },
{ name: 'imgUrl', index: 'imgUrl', width: 100, align: 'center', hidden : true}
],
rowNum: 10,
rowList: [10, 20, 30],
viewrecords: true,
caption: "Users"
});
});
*** Formatter 스크립트 함수 ***
function imageFormatter(cellvalue, options, rowObject)
{
// rowObject : JqGrid의 행 정보를 담고 있다.
console.log(rowObject);
return '<img src="' + rowObject.imgUrl + '" />';
}