레이블이 jqgrid인 게시물을 표시합니다. 모든 게시물 표시
레이블이 jqgrid인 게시물을 표시합니다. 모든 게시물 표시

JqGrid 행 선택(row select)

*** 특정 행 선택 ***
("#jqgrid").jqGrid("setSelection", rowindex);

ex) ("#jqgrid").jqGrid("setSelection", 1);

JqGrid 총 행 수(row count) 조회

*** Total Row 조회 ***
("#jqgrid").getGridParam("reccount")

JqGrid 컬럼에 이미지 표시

*** 설명 ***
컬럼에 이미지를 표시하려면 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 + '" />';
}