FineUI 官方论坛
标题:
FineUI树控件节点拖放插件
[打印本页]
作者:
棕榈
时间:
2019-12-23 20:24
标题:
FineUI树控件节点拖放插件
本帖最后由 棕榈 于 2019-12-23 20:23 编辑
[attach]12173[/attach]
拖放效果参考了easyui
使用方法:
将 fineui-tree-node-drag-drop.js 文件放入项目中并引用到页面
示例代码
@section script{
<script src="~/res/js/fineui-tree-node-drag-drop.js"></script>
<script>
F.ready(function () {
F.ext.treeNodeDragDrop({
treeId: "Tree1",
// 放置之前的操作,返回值为boolean,true表示可以放置,否则不可以放置
// 不定义表示不对节点的拖放进行控制
beforeDrop: beforeDrop,
// 节点放置成功后的操作
afterDrop: afterDrop
});
});
function beforeDrop(droppedData) {
// 拖放的节点
var dragNodeId = droppedData.dragNodeId;
// 目标节点
var targetNodeId = droppedData.targetNodeId;
// 位置:before,append,after
var position = droppedData.position;
if (position === "append") {
// 允许放置
return true;
}
// 不允许放置
return false;
}
function afterDrop(droppedData) {
alert(droppedData.dragNodeId + "," + droppedData.targetNodeId + "," + droppedData.position);
}
</script>
}
复制代码
js文件及源码可到知识星球下载。
源码采用typescript编写,并用webpack打包
作者:
消失的键盘
时间:
2020-3-11 16:31
亲,不知道是不是有个小BUG 。如果是从后台赋值到NodeID,如果 int,则无法实现移动的效果,也就是说 NodeID必须是带双引号的值,例如 "123"
欢迎光临 FineUI 官方论坛 (https://fineui.com/bbs/)
Powered by Discuz! X3.4