guide Icon Set

아이콘 렌더러 등에 사용되는 관련된 아이콘들의 묶음.
사용하기 전에 컨트롤에 미리 등록해야 한다. RtListControl.registerIconSet을 호출하거나, 컨트롤 초기화 시에 config에 포함할 수도 있다.

list.registerIconSet('icons1', {
    width: 24,
    height: 24,
    root: '../asset/images/',
    icons: {
        'admob': 'admob.png',
        'git': 'github.png',
        'google': 'google.png',
        'slack': 'slack.png'
    }
})
list.setConfig({
    props: {
        icons: [{
            name: 'icons',
            width: 24,
            height: 24,
            root: '../asset/images/',
            icons: {
                'admob': 'admob.png',
                'git': 'github.png',
                'google': 'google.png',
                'slack': 'slack.png'
            }
        }]
    }
})

두 경우 모두 반드시 set의 이름을 지정해야 한다. 아이콘 렌더러에서 아이콘은 set 이름과 icon 이름을 지정한다.

const template = {
    template: {
        ....
        {
            field: 'LOCPLC_ROADNM_ADDR',
            renderer: {
                type: 'icon',
                iconSet: 'icons1',
                iconName: '${icon}
            }
        },
        ...
    },
    params: {
        icon: (args) => {
            return args.row % 2 ? 'google' : 'slack';
        }
    }
}

See Also

IRtIconRenderer
렌더러 개요
템플릿 개요
레이아웃 개요
컨트롤 Options