Sencha grid에 이미지 보여주기
2024. 12. 27. 20:47ㆍJavascript/Sencha
Ext.create('Ext.grid.Panel', {
title: 'Image Grid Example',
renderTo: Ext.getBody(),
width: 600,
height: 400,
store: {
fields: ['name', 'imageUrl'],
data: [
{ name: 'Image 1', imageUrl: '/images/sample1.jpg' },
{ name: 'Image 2', imageUrl: '/images/sample2.jpg' },
{ name: 'Image 3', imageUrl: '/images/sample3.jpg' }
]
},
columns: [
{ text: 'Name', dataIndex: 'name', flex: 1 },
{
text: 'Image',
dataIndex: 'imageUrl',
flex: 2,
renderer: function(value) {
return '<img src="' + value + '" width="50" height="50" />';
}
}
]
});
'Javascript > Sencha' 카테고리의 다른 글
Sencha grid 데이터 초기화 하기 (0) | 2024.12.27 |
---|---|
Sencha grid에 선택된 rows를 서버에 전송하기 (0) | 2024.12.27 |
Sencha form에서 결과값 가져오기 (0) | 2024.12.26 |
Sencha 파일 업로드 (0) | 2024.12.26 |
Sencha html 태그에서 변수 호출하기 (0) | 2024.12.25 |