ドロップまたは前のリスナーを使用しているExtJSドラッグアンドドロップツリーでは、起動しないようです。

Question

私はextjsにツリーを持っています。ドラッグ＆ドロッププラグインとその機能をブラウザに追加しましたが、ドラッグ＆ドロップを自分のDBに正しく送信する必要がありますか？これを行うには、私はドロップイベントを聞いて、私のバックエンドにアヤックスコールを行う必要があると信じています。 私はOKを起動しますが、ドロップまたは前のドロップは何もしないように見えるチェックチェンジイベントを持っています。

私のツリーの設定は何ですか、私は間違っていますか？事前に

todotree = { 
    title: 'Tree Grid', 
    width: 600, 
    height: 400, 
    viewConfig: { 
     plugins: { 
      ptype: 'treeviewdragdrop' 
     } 
    }, 
    store: new Ext.data.TreeStore({ 
     storeId: 'treestore', 
     fields: [{ 
      name: 'actionTitle', 
      type: 'string' 
     }], 
     proxy: { 
      type: 'ajax', 
      url: 'index.php/todo/listtree', 
      reader: 'json' 
     } 
    }), 
    rootVisible: false, 
    columns: [ 
    { 
     xtype: 'treecolumn', 
     text: 'Title', 
     flex: 3, 
     dataIndex: 'actionTitle' 
    }], 
    listeners: { 
     checkchange: function(node, checked){ 
      Ext.Ajax.request({ 
       url: 'index.php/todo/togglecheck/' + node.data.recordId + '/' + checked, 
       success: function() {} 
      }); 
     }, 
     drop: function(){ alert("drop") }, 
     beforedrop: function(){ alert("beforedrop") } 
    } 
} 

おかげ

EDIT： 私も無駄にこの設定を試してみました。私はこれがどのように機能するのかを理解しているとは思わない。

... 
    beforedrop: function(node, data, overModel, dropPosition, dropFunction){ 
     alert("beforedrop"); 

     dropFunction = function(){ 
      alert('dropFunction'); 
     }; 
    } 
... 

Answer 1

これらのイベントはTreeViewによって発生し、パネル上にリスナーを追加しています。これはうまくいくはずです：

todotree = {... 
    viewConfig: { 
     listeners: { 
      beforedrop: function() {} 
     } 
    } 
}