[i-AUD] List-Grid 조건부 서식

i-AUD List-Grid 컨트롤에서 특정 행 또는 셀(칼럼)별로 style 을 설정 할 수 있는 조건 부 서식 기능은 아래와 같이 구현 할 수 있습니다.

i-AUD 디자이너의 Script Editor에서 i-AUD OnCellLoaded 를 활용하여 행 또는 셀 별로 스타일을 설정 할 수 있습니다.

OnCellLoaded API 기본 설명과 예시는 아래를 참고하세요.

var listgrid = Matrix.getObject("DataGrid");


/**************************************
 * 데이터 그리드의 셀이 Load될때 발생합니다.
 * * arguments :  
 *       string Id (Readonly:False) : 컨트롤 이름 
 *       aud.control.grids.DataGridRow  Row (Readonly:False) : 데이터 레코드 정보 
 *       aud.control.grids.DataGridCell Cell (Readonly:False) : 데이터셀 정보 
 *       aud.control.grids.DataGridColumn   Field (Readonly:False) : 필드 정보 
 *       string BackColor (Readonly:False) : 셀의 배경색을 변경하실 경우 이값을 넣어 줍니다.(e.g., "rgba(255, 0, 0, 1)", "#FF0000") 
 *       string FontColor (Readonly:False) : 셀의 텍스트 색상을 변경하실 경우 이값을 넣어 줍니다.(e.g., "rgba(255, 0, 0, 1)", "#FF0000") 
 *       boolean    FontBold (Readonly:False) : 셀의 텍스트를 Bold처리하여 표현할지 유무. true일 경우 Bold처리가 됩니다. 
 *       boolean    FontItalic (Readonly:False) : 셀의 텍스트를 Italic처리하여 표현할지 유무. true일 경우 Italic처리가 됩니다. 
 *       boolean    Cancel (Readonly:False) : 이 값을 true로 설정 하게되면 값을 그리지 않습니다. 
**************************************/
var OnCellLoaded  = function(sender, args) {
    if(args.Id == "DataGrid") {
        if(listgrid.GetRowIndex(args.Row) == 3 || listgrid.GetRowIndex(args.Row) == 7){
            args.BackColor = "#ffff00";
        }
    }
};

DataGrid_조건부서식.mtsz

샘플보고서를 첨부합니다.

페이지 트리

[i-AUD] List-Grid 조건부 서식