extss4에서 css 또는 java로이 방법을 수행하는 방법

Question

내 자신의 extjs 4 프로젝트에서 작업 중입니다. 컨테이너 나 요소 위로 마우스를 가져 가면 텍스트 영역 자동으로 선택되고 편집 할 수 있습니다.

Answer 1

이 시도 :

Ext.onReady(function(){ 
    Ext.Loader.setConfig({enabled:true}); 
    Ext.create('Ext.form.TextArea', { 
     renderTo: 'container', 
     value: '<link rel="stylesheet" type="text/css" href="resources/css/ext-all.css">\n<script type="text/javascript" src="ext-all.js"></script>', 
     width: 800, 
     height: 600, 
     listeners: { 
      render: function() { 
       this.getEl().on('mouseenter', function(){ 
        // 500 - is the select timeout 
        this.timeout = setTimeout(this.timeoutHandler.bind(this), 500); 
       }, this); 
       this.getEl().on('mouseleave', function(){ 
        clearTimeout(this.timeout); 
       }, this); 
      } 
     }, 
     timeoutHandler: function() { 
      this.selectText(); 
      this.focus(); 
     } 
    }); 
});