使用ExtJS禁用文本框拖动文本框

Question

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

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