使用 ExtJS 禁用文本字段中的文本拖动

Question

我的要求是我必须禁用文本从一个文本字段拖放到 other.However，应该允许手动复制和粘贴。

me.commentsText = Ext.widget('textfield',{          
            maxLength: 40,
            enforceMaxLength:true,
            selectOnFocus : true,
            fieldStyle: {
                 'font': 'normal 13px roboto'
             }
}

请多指教

Answer 1

您可以通过删除随拖放系列事件传递的数据来防止拖放复制粘贴。但是 ExtJS 不会从表单字段中公开这些事件，因此您必须为文本字段获取 Ext.dom.Element 并附加到那里。这应该让您可以选择在数据实际放入新字段之前丢弃通过拖动传输的数据。

示例如下：

me.commentsText = Ext.widget('textfield',{          
    maxLength: 40,
    enforceMaxLength:true,
    selectOnFocus : true,
    fieldStyle: {
        'font': 'normal 13px roboto'
    }
});

me.commentsText.getEl().on('drop', function(event) {
    event.preventDefault();
});

使用 ExtJS 禁用文本字段中的文本拖动

Disable text drag in a Textfield using ExtJS

extjs

extjs5