SMART datagrid v1.4 > Concepts
이미지리스트는 대개 동일한 위치 존재하는 관련된 이미지들의 url들을 목록으로 관리한다. rootUrl 값을 가지고 있으며, 개별 이미지를 요청할 때는 목록상의 위치나 rootUrl을 제외한 상대 url로 요청할 수 있다.
하나의 이미지리스트를 여러 곳에 사용할 수 있으며, 사용 위치마다 절대적인 이미지 경로를 사용하지 않고, 이미지리스트이 인덱스로 접근할 수 있으므로 이미지 경로를 보다 체계적으로 관리할 수 있게 된다.
이미지리스트는 registerImageList로 먼저 등록한 후 사용한다.
grid.registerImageList({
name: 'images01',
rootUrl: '/images/',
items: [
'fr.png',
'br.png',
...
]
});
등록된 이미지는 GridHeader.imageList나 DataColumn.imageList 등에 이미지리스트 이름을 지정하고, 각각 ColumnHeader.imageIndex, GridStyles.iconIndex 등에서 개별 이미지를 가져가 렌더링한다.
grid.header().setImageList('image01');
grid.setColumns([
{
header: {
// image01의 두 번째 이미지.
imageIndex: 1,
...
}
},
...
]);
grid.setColumns([
{
imageList: 'images02',
renderer: {
type: 'icon',
// image02의 두 번째 이미지.
iconIndex: 1
}
},
{
imageList: 'images03',
renderer: {
type: 'icon',
// image03에 'jp.png'로 등록된 이미지.
iconIndex: 'jp.png'
}
},
...
]);