Как добиться этого метода с помощью CSS или Java в extjs4

Question

Я работаю над собственным проектом extjs 4 и планирую добавить метод, который при наведении курсора мыши на контейнер или элемент автоматически выделяет текстовую область, а затем мы можем ее редактировать. 1001 *

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