jQuery MiniUI

标题: treeGrid 根据ajax请求结果决定是否完成拖拽 [打印本页]

作者: muzizhuben 时间: 2013-7-18 15:00:49 标题: treeGrid 根据ajax请求结果决定是否完成拖拽

需求: 选中treegrid一行进行拖拽时，使用ajax请求后台，根据返回的结果决定是否可以拖拽
问题:由于ajax是异步的所以当拖拽时触发beforedrop函数 treegrid和请求同时执行完成了拖拽所以当ajax返回结果后 e.cancel=true;没有效果。如何才能将拖拽的node退回原有位置？

作者: factory 时间: 2013-7-18 15:26:20

在success里面，tree.setAllowDrag(true);允许托转
tree.setAllowDrop(true); 允许投放

作者: muzizhuben 时间: 2013-7-18 16:03:22

本帖最后由 muzizhuben 于 2013-7-18 16:05 编辑

factory 发表于 2013-7-18 15:26
在success里面，tree.setAllowDrag(true);允许托转
tree.setAllowDrop(true); 允许投放

你说的方法我测试后仍然无效果。
现在如下方式写的话可以返回原来位置
var node = e.dragNode;
      var targetNode = e.dropNode;
      var beforeNode=tree.getRow(tree.indexOf(node)-1) ;
      $.ajax({
            url : "。。。",
            type : "post",
            success : function(text) {
                     if (text.rescode == 0) {
                     } else {
                              if(!beforeNode){       //上一个节点不存在则表明是第一条数据
                                    tree.moveNode(tree.getSelected(),tree.getRow(0),"before");
                              }
                              else{
                                    tree.moveNode(tree.getSelected(),beforeNode,"after");
                              }
                     }
            },
            error : function(jqXHR, textStatus, errorThrown) {

            }
      });
问题:如节点：1>2>3 拖动2到1外面不允许拖拽所以 2返回到1的下面  但是这时  没有了层次标识  请问如何解决呢？

作者: factory 时间: 2013-7-18 16:19:58

muzizhuben 发表于 2013-7-18 16:03
你说的方法我测试后仍然无效果。
现在如下方式写的话可以返回原来位置
var node = e.dragNode;

只有当成功拖拽了，才会把原有节点，也就是2，从1下面删除掉。
所以不会出现你说的2拖动出来了，但是没拖动成功，所以不知道原有位置的问题

作者: muzizhuben 时间: 2013-7-18 16:26:02

factory 发表于 2013-7-18 16:19
只有当成功拖拽了，才会把原有节点，也就是2，从1下面删除掉。
所以不会出现你说的2拖动出来了，但是没拖 ...

恩.... 你没明白我的意思现在问题已解决就是将ajax改成同步的谢谢版主

作者: factory 时间: 2013-7-18 16:31:45

muzizhuben 发表于 2013-7-18 16:26
恩.... 你没明白我的意思现在问题已解决就是将ajax改成同步的谢谢版主
...

好的，不客气

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)