WebSquare - GridView 메서드 정리

https://docs.inswave.com/support/api/w5_sp2/5.0_2.4019B.20200521.173726/index.html

WebSquare5 API Guide

대량의 데이터를 그리드로 표시를 많이한다. 데이터를 담당하는 DataList와 바인딩하여 사용한다.
소계/합계, 동적 그룹핑, 엑셀 파일 업로드/다운로드, 정렬, 필터링 등을 지원

 

 

https://docs.inswave.com/support/api/w5/5.0_1.2484A.20170126.120903/WebSquare.uiplugin.checkbox/WebSquare.uiplugin.checkbox.html

 

WebSquare.uiplugin.checkbox

이곳은 WebSquare에서 input Tag의 type="checkbox"일 경우 참고하면 좋은 페이지다.

::  input[type=checkbox]:checked ::

 

웹스퀘어에서 그리드를 사용하려면 그리드에 id를 주어야한다 여기서는 id="grid" 로 주겠다.

 

ㆍ컬럼에 readOnly="true"를 주면 읽기 전용으로 전환 가능하다.

적용 우선 순위는  GridView < column < row < cell 순인데

(단, column과 row의 우선 순위는 gridView의 readOnlyPriority 속성에 의해 변경 가능하다.)

 

내가 많이 쓴거 위주로 정리를 하겠다.

 

ㆍ[oncellclick] 셀이 클릭 된 경우 발생

ex) scwin.grid_oncellclick = function(row,col){  ...  }

 

ㆍif ( col !=0 ) return;

그리드의 1번째 컬럼이 버튼이나 체크박스 일 경우 그것 외에 클릭해도 함수가 동작하지 않도록 넣는다.

 

ㆍ[setCellData] 셀에 값 추가

grid.setCellData(행 인덱스, "컬럼명" , "값");

ex) grid의 컬럼명 a 에 값을 5를 넣겠다.

    grid.setCellData(row, "a" , "5");

 

ㆍ[setCellChecked] 컬럼의 종류가 체크박스 인 셀을 체크/ 체크해제

grid.setCellChecked(행 인덱스, "컬럼명" , true); //값 체크

grid.setCellChecked(행 인덱스, "컬럼명" , false); //값 체크해제

 

근데 저는 이렇게 썼는데도 되더라구요,,?

grid.setCellChecked(row, 0 , true);

 

ㆍ[checkAll(colIndex, dataValue)] 체크 박스로 이루어진 열을 한번에 체크하거나 체크해제

colIndex ==> 체크 박스 열의 column id 또는 index

dataValue 는 따로 정의 하지 않으면 check=1, uncheck=0

            ==> check 되는 경우 : true, 1, 혹은 trueValue속성에 정의된 값

            ==> uncheck 되는 경우 : false, 0, 혹은 falseValue속성에 정의된 값

 

ㆍ[getCheckedData] 해당 열이 radio/checkbox일 경우 check된 행의 data를 배열로 반환.

    (해당 컬럼이 checkbox가 아닐 경우 비어있는 배열을 반환한다.)

grid.getCheckedData("chk");==grid.getCheckedIndex("chk");  ==이렇게하면 index를 배열로 반환

 

 

ㆍ[setRowBackgroundColor] 행의 배경색 설정

grid.setRowBackgroundColor(행 인덱스, "#ffffff"); //흰색

 

ㆍ[setCellDisabled] 셀 활성화/비활성화

grid.setCellDisabled(행 인덱스, "컬럼명" , false); //셀 활성화 

grid.setCellDisabled(행 인덱스, "컬럼명" , true);  //셀 비활성화

 

ㆍgetTotalCol( )  전체 컬럼 개수를 반환.(rowNum 및 rowStatus 컬럼 제외)

ㆍgetTotalRow( ) , getRowCount() 행의 개수를 반환.