对EXTJS的控件之间DD的相关总结(一)

最新推荐文章于 2018-01-02 20:39:51 发布

stonecai

最新推荐文章于 2018-01-02 20:39:51 发布

阅读量4k

点赞数

分类专栏：【6】开源天空【2】java技术专栏【3】AJAX专题文章标签： extjs tree function ext null

本文链接：https://blog.csdn.net/stonecai/article/details/3930111

版权

本文总结了EXTJS中Tree和Grid控件之间的拖放（DD）操作，包括从Tree到Grid和从Grid到Tree的实现。通过设置enableDD属性为true启用Tree的拖放功能，并详细解释了dropZone配置、onNodeOver和onNodeDrop方法的用法，以及处理grid到tree拖放的beforenodedrop事件和自定义函数ddFn。

摘要由CSDN通过智能技术生成

近来由于项目用到EXT，觉得里面的DD用起来很有意思，研究了一段时间源码，也总结了一些常用控件之间的用法，这方面网上的资料比较少，当时自己也走了一些弯路，现在暂时总结一下

ext提供的Tree和Grid本身就有拖拽的功能，使用过TreePanel或者GridPanel的人都知道，对于要想让tree可以拖拽，那么必须为tree的enableDD属性设置为true。

1，tree到grid

panel.dropZone = new Ext.dd.DropZone(panel.getEl(), {ddGroup:"SendTreeDDGroup", dropNotAllowed:"x-dd-drop-delete", getTargetFromEvent:function (e) {
return e.getTarget("");
}, onNodeOver:function (nodedate, dragsource, e, data) {
if (!data.node) {
  if (data.personData.name) {
       // 显示"nodrop"图标
   return "x-dd-drop-nodrop";
  } else {
   if (data.personData.html) {
       // 显示删除图标
   }
  }
  return this.dropNotAllowed;
}
if (data.node.attributes.leaf && SendGrid.store.findBy(function (record, id) {
  ret