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