FineUI 官方论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

本论坛已关闭(禁止注册、发帖和回复)
请移步 三石和他的朋友们

FineUI首页 WebForms - MVC & Core - JavaScript 常见问题 - QQ群 - 十周年征文活动

FineUI(开源版) 下载源代码 - 下载空项目 - 获取ExtJS - 文档 在线示例 - 版本更新 - 捐赠作者 - 教程

升级到 ASP.NET Core 3.1,快、快、快! 全新ASP.NET Core,比WebForms还简单! 欢迎加入【三石和他的朋友们】(基础版下载)

搜索
查看: 2529|回复: 1

FineUI树控件节点拖放插件

[复制链接]
发表于 2019-12-23 20:24:39 | 显示全部楼层 |阅读模式
本帖最后由 棕榈 于 2019-12-23 20:23 编辑


拖放效果参考了easyui

使用方法:
将 fineui-tree-node-drag-drop.js 文件放入项目中并引用到页面

示例代码

  1. @section script{
  2.     <script src="~/res/js/fineui-tree-node-drag-drop.js"></script>
  3.     <script>
  4.         F.ready(function () {
  5.             F.ext.treeNodeDragDrop({
  6.                 treeId: "Tree1",

  7.                 // 放置之前的操作,返回值为boolean,true表示可以放置,否则不可以放置
  8.                 // 不定义表示不对节点的拖放进行控制
  9.                 beforeDrop: beforeDrop,

  10.                 // 节点放置成功后的操作
  11.                 afterDrop: afterDrop
  12.             });
  13.         });

  14.         function beforeDrop(droppedData) {
  15.             // 拖放的节点
  16.             var dragNodeId = droppedData.dragNodeId;

  17.             // 目标节点
  18.             var targetNodeId = droppedData.targetNodeId;

  19.             // 位置:before,append,after
  20.             var position = droppedData.position;
  21.             if (position === "append") {
  22.                 // 允许放置
  23.                 return true;
  24.             }

  25.             // 不允许放置
  26.             return false;
  27.         }

  28.         function afterDrop(droppedData) {
  29.             alert(droppedData.dragNodeId + "," + droppedData.targetNodeId + "," + droppedData.position);
  30.         }
  31.     </script>
  32. }
复制代码

js文件及源码可到知识星球下载。
源码采用typescript编写,并用webpack打包


本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
发表于 2020-3-11 16:31:26 | 显示全部楼层
亲,不知道是不是有个小BUG 。如果是从后台赋值到NodeID,如果 int,则无法实现移动的效果,也就是说 NodeID必须是带双引号的值,例如 "123"
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|FineUI 官方论坛 ( 皖ICP备2021006167号-1 )

GMT+8, 2024-3-28 23:33 , Processed in 0.054160 second(s), 19 queries , Gzip On.

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表