ExtJsのコンテナに画像を表示します。

665 ワード

Extjsは、写真を表示するための直接的なコンポーネントを提供していません。インターネット上ではtextfieldのInputTypeをImageとしてdomオブジェクトを修正して実現していますが、imageの属性値はExtjsの公式文書に含まれていません。次のような考え方で実現できます。さらにカスタムコンポーネントに拡張できます。おすすめの方法は以下の通りです。
1、まず容器を作ります。
{   
    xtype: 'box', //  xtype: 'component',   
    width: 100, //       
    height: 200, //       
    autoEl: {   
        tag: 'img',    //   img     
        src: 'myphoto.gif'    //  url     
    }   
}  
これはパンや他の容器に写真を表示します。
2、写真のダイナミック更新
//               box dom src   
myphoto.getEl().dom.src = newSrc