Program Note

JqGrid 행 선택(row select)

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

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

JqGrid 총 행 수(row count) 조회

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

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

Html src 태그 이미지 사이즈 자동 조절

*** 가로 세로 자동 ***
<img src="" style="width: 100%; height: auto;"/>

*** 가로 고정 세로 자동 ***
<img src="" style="width: 100px; height: auto;"/>

JQuery input type file 초기화

*** 스크립트 Code ***
if ($.browser.msie)
{
   // Explorer 일때
   $("#filename").replaceWith( $("#filename").clone(true) );
}
else
{
   // 기타 Browser 일때
   $("#filename").val("");
}

JQuery 이미지 선택시 미리보기

*** HTML Code ***
<html>
<body>
    <img id="imgPreview src="">
    <input id="inputFile" type="file"></input>
</body>
</html>

*** Script Code ***
jQuery(function($) {
// File 선택(값 변경) Event 함수
$('#inputFile').change(function() {
    preview(this);
});

// 미리보기 함수
function preview(input)
{
if (input.files && input.files[0])
    {
   var reader = new FileReader();

       //파일 읽어들이기를 성공했을때 호출되는 이벤트 핸들러
     reader.onload = function (e) {
          $('#imgPreview').attr('src', e.target.result);
       };

       reader.readAsDataURL(input.files[0]);
    }
}
}

Oracle - LPAD, RPAD 함수

*** 사용법 ***
좌측(LPAD) 혹은 우측(RPAD)에 원하는 길이만큼 특정 문자를 채워서 반환한다.

*** 문법 ***
LPAD (변수, 길이, 문자)
RPAD (변수, 길이, 문자)

*** 예제 ***
select LPAD('test', 10, '#') from dual;
=> ######test

select RPAD('test', 10, '#') from dual;
=> test######

select LPAD('test', 2, '#') from dual;
=> te

select RPAD('test', 2, '#') from dual;
=> te

select LPAD('test', 9, '123') from dual;
=> 12312test

select RPAD('test', 9, '123') from dual;
=> test12312