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

Question

我的要求是我必须禁用文本从一个文本域拖放到另一个文本域。但是，应该允许手动复制和粘贴。

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

请劝告。

Answer 1

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

见下面的例子：

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