extjs 동적 디스플레이 이미지

1141 단어 ExtJs
Extjs는 그림을 표시하기 위한 직접적인 구성 요소를 제공하지 않습니다.인터넷은 textfield의 InputType을 Image로 설정한 다음dom 대상을 수정함으로써 이루어진다. 사실 이미지의 속성 값은 Extjs의 공식 문서에 포함되지 않았다.다음과 같은 사고방식을 통해 실현할 수 있고 사용자 정의 구성 요소로 더욱 확장할 수 있다.권장 방법은 다음과 같습니다.
1. 먼저 용기를 만든다
Js 코드
  • {  
  • xtype:'box','/또는 xtype:'component','
  • width: 100,//그림 너비
  • height: 200,//사진 높이
  •     autoEl: {  
  • tag:'img',//img 라벨로 지정합니다
  •         src: 'myphoto.gif'/URL 경로를 지정합니다
  •     }  
  • }  
  • {
        xtype: 'box', // xtype: 'component',
        width: 100, // 
        height: 200, // 
        autoEl: {
            tag: 'img',    // img 
            src: 'myphoto.gif'    // url 
        }
    }

    이렇게 해서 패널이나 다른 용기에 그림이 나와요.
    2. 이미지의 동적 업데이트
     
    Java 코드
  • //동적 업데이트는 방금 만든 박스의dom의src만 가져오면 됩니다
  • myphoto.getEl().dom.src = newSrc  
  • // box dom src
    myphoto.getEl().dom.src = newSrc
    

    이렇게 하면 디스플레이와 동적 업데이트를 실현할 수 있다
     
    from:http://wxj5193.blog.163.com/blog/static/1334630200982255431890/

    좋은 웹페이지 즐겨찾기