extjs - 如何在extjs4中通过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();
        }
    });
});