zoukankan      html  css  js  c++  java
  • 雷林鹏分享:jQuery EasyUI 树形菜单

      jQuery EasyUI 树形菜单 - 树形菜单拖放控制

      当在一个应用中使用树(Tree)插件,拖拽(drag)和放置(drop)功能要求允许用户改变节点位置。启用拖拽(drag)和放置(drop)操作,所有您需要做的就是把树(Tree)插件的 'dnd' 属性设置为 true。

      创建树形菜单(Tree)

      $('#tt').tree({

      dnd: true,

      url: 'tree_data.json'

      });

      当在一个树节点上发生放置操作,'onDrop' 事件将被触发,您应该做一些或更多的操作,例如保存节点状态到远程服务器端,等等。

      onDrop: function(targetNode, source, point){

      var targetId = $(target).tree('getNode', targetNode).id;

      $.ajax({

      url: '...',

      type: 'post',

      dataType: 'json',

      data: {

      id: source.id,

      targetId: targetId,

      point: point

      }

      });

      }

      下载 jQuery EasyUI 实例

      jeasyui-tree-tree5.zip

      本文转载自:w3cschool(编辑:雷林鹏 来源:网络 侵删)

  • 相关阅读:
    4月7日工作日志
    5月4日工作日志
    4月7日工作日志
    4月1日工作日志
    3月31日工作日志
    3月31日工作日志
    对元素绑定事件方法
    css实现垂直居中的各种方法
    纯css写一个switch开关
    弹性盒模型flex布局
  • 原文地址:https://www.cnblogs.com/pengpeng1208/p/10677141.html
Copyright © 2011-2022 走看看