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