Sencha 이미지 원본 사이즈로 보여주기
2024. 12. 8. 15:49ㆍJavascript/Sencha
load 이벤트에서는 layout이 처음에 refresh되지 않기 때문에 afterrender를 사용하여 onload()를 발생시킴
{
xtype: 'image',
//flex: 3,
src: '/resources/image/floor_plan.png',
alt: '도면',
margin: '0 10 0 0',
listeners: {
afterrender: function(image) {
const domImage = image.getEl().dom;
domImage.onload = function() {
const naturalWidth = domImage.naturalWidth;
const naturalHeight = domImage.naturalHeight;
image.setWidth(naturalWidth);
image.setHeight(naturalHeight);
}
}
}
}
'Javascript > Sencha' 카테고리의 다른 글
Sencha 패키지 추가 방법 (0) | 2024.12.08 |
---|---|
Sencha 처음 설정 (0) | 2024.12.08 |
Sencah treepanel에서 1 depth까지만 펼치기 (1) | 2024.12.08 |
Sencha checkcolumn 체크 및 이벤트 (0) | 2024.12.08 |
Sencha treepanel drag&drop 적용 (0) | 2024.12.05 |