如何通過css或java在extjs4中實現這個方法

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(); 
     } 
    }); 
});