저는 enyo.Image와 텍스트 구성 요소의 두 항목으로 된 enyo.List가 있습니다. onSetupItem 동안 이미지에 setSrc.Enyo에서 이미지를 비동기 적으로로드하십시오.
이미지가로드 될 때까지 이미지가로드되지 않는 행이 10 개 이상이므로 이미지를 즉시로드합니다. 어쨌든 이러한 이미지를 비동기 적으로로드 할 수 있습니까 (추가로 이미지를 "페이드 인"애니메이션으로 표시합니까?). 감사.
편집 : 완전히 다음 단락을 썼습니다. 목록 - 플라이급 버전입니다. 행 수를 설정하는 것이 옳았습니다.
List을 Repeater으로 바꿀 수 있습니다. Repeater의 플라이 웨이트 패턴 때문에 한 번에 많은 이미지를 요청하지 않았을 수 있습니다.
또 다른 접근법은 Scroller을 기반으로 이미지를 스크롤하여보기로 스크롤하고 그 시간에만로드하는 것을 감지하는 새로운 종류를 유도하는 것입니다. 이것은 꽤 복잡한 접근법이며 다른 종류와 함께 작동하는 Image을 기반으로하는 종류를 만들어야 할 수도 있습니다.
Google에 게으른로드 전략을 적용하고 해당 전략을 적용 할 수 있는지 알아볼 수도 있습니다.
감사합니다. enyo.List의 rowsPerPage를 낮은 숫자로 설정하면 enyo.List가 데이터 배열의 작은 하위 집합 만 요청한다는 것을 알게되었습니다. –
enyo 이미지가 비동기 적으로로드되어야합니다. 설명하는 내용이 정확하다면 버그 일 수 있습니다. 대신 {{tag : 'img'...}'를 사용하면 어떻게됩니까? –
이러한 문제를 설명 할 때 jsfiddle도 도움이됩니다. –
나는 Travis와 똑같은 말을하려고했다. 샘플러에서 Flickr 샘플의 이미지로드 방법을 확인할 수 있습니다. 이미지 이벤트를 사용하지 않으면 http://jsfiddle.net/api/post/enyo/nightly/dependencies/onyx,layout,canvas,g11n/ img 태그가 더 잘 작동 할 수 있습니다. – Pre101