SMART datagrid :: Tree Data Tag

Tree Data Tag Example
no-lite

데이터행 tag는 DataSet의 각 행별로 어플리케이션 요구에 필요한 값을 저장해서 행들을 구분하는 데 사용할 수 있다. 그리드 수준에서도 이 tag를 동적 스타일이나 필터링에 사용할 수 있다.

아래 예제에서 tag가 "#ludi"인 행은 푸른색 바탕으로, tag가 '#data"인 행은 붉은색 바탕으로 칠하고 있다.

Code -1

    tree.loadStyles({
        body: {
            rowDynamic: [{
                expression: "tag == '#ludi'",
                styles: {
                    background: '#200000ff'
                }
            }, {
                expression: "tag == '#data'",
                styles: {
                    background: '#20ff0000'
                }
            }]
        } 
    });

선택행의 tag를 '#ludi'로 지정한다. 선택행의 tag를 '#tag'로 지정한다.

선택행들의 tag를 '#ludi'로 지정한다. 선택행들의 tag를 '#tag'로 지정한다.

clearRowTags를 호출해서 설정된 tag들을 모두 제거한다.

Tree - 1

rows

데이터행 tag는 row 필터링에도 사용될 수 있다.

Data tag가 설정된 행들만 표시한다.

Row Filter를 제거한다.

Passive Filtering OperateOptions.passiveFiltering을 true로 지정하면 상위 행은 필터에서 제외되더라도 포함된 하위 행이 필터링 후 남겨진다면 상위 행들도 표시된다.

소스보기 JSP

See Also: DataSet.setRowTag; DataSet.getRowTag; DataSet.setRowTags; DataSet.clearRowTags; GridBase.rowFilter; OperateOptions.passiveFiltering; 트리 개요

Examples: 트리 Row Filtering; 트리 Filtering

Tree Data Tag Exampleno-lite

Tree Data Tag Example
no-lite