HTree

基于 jquery 的可拖动树形控件
授权协议 WTFPL
开发语言 JavaScript
所属分类 jQuery 插件、 jQuery 树形控件
软件类型 开源软件
地区 国产
投 递 者 孔乐邦
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

HTree,基于 jquery 实现的一个可拖动树形插件。

  • 插件路径为:"/Scripts/MyTree.js"
  • 示例页面路径为:"/Views/Home/Index.cshtml"
  • 其余代码均为 demo 演示

软件架构

  • DEMO 编写使用 .NET4.6
  • ORM: EF6
  • 数据库: SqlServer

安装教程

  1. 创建一个数据库,使用新创建的数据库执行HTree.sql创建表及添加数据
  2. 修改web.config中的数据库配置信息 data source:数据库地址("."表示本地) initial catalog:数据库名称(示例中为"demo") user id:数据库登录名(示例中为"sa") password:数据库密码(示例中为"123456Aa")

使用说明

  1. 拖动时请将鼠标放在"节点文字"上再拖动
  2. 若发现bug请及时给与反馈
 
  • 2013-02-09 Created By BaoXinjian 一、摘要 Oracle Developer 6.0以上版本提供了hierarchy tree(层次树)的概念,htree控件非常方便,只需要少量的编程即可实现显示层次结构的目的。 树的特有属性中如下几个较为重要 1. 多项选择(Multi-Selection) 是否允许一次选中树的多个节点。如果不允许,那么选中第二个节点时,第一个被

 相关资料
  • pre { white-space: pre-wrap; } 当在一个应用中使用树(Tree)插件,拖拽(drag)和放置(drop)功能要求允许用户改变节点位置。启用拖拽(drag)和放置(drop)操作,所有您需要做的就是把树(Tree)插件的 'dnd' 属性设置为 true。 创建树形菜单(Tree)     $('#tt').tree({         dnd: true,     

  • 本文向大家介绍基于SurfaceView实现可拖动视频控件,包括了基于SurfaceView实现可拖动视频控件的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了基于SurfaceView的可拖动视频控件,供大家参考,具体内容如下 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。

  • 本文向大家介绍基于Vue实现可以拖拽的树形表格实例详解,包括了基于Vue实现可以拖拽的树形表格实例详解的使用技巧和注意事项,需要的朋友参考一下 因业务需求,需要一个树形表格,并且支持拖拽排序,任意未知插入,github搜了下,真不到合适的,大部分树形表格都没有拖拽功能,所以决定自己实现一个。这里分享一下实现过程,项目源代码请看github,插件已打包封装好,发布到npm上  本博文会分为两部分,第

  • 本文向大家介绍基于jQuery拖拽事件的封装,包括了基于jQuery拖拽事件的封装的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了基于jQuery封装的拖拽事件,供大家参考,具体内容如下 HTML代码: 封装的jQuery拖拽事件: 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。

  • 基本上,我想要的是,当拖动时,如果我走出容器区域并在那里释放鼠标单击,可拖动的元素只会粘附到我离开容器区域的边界上。当我将光标移回时,元素会粘回到光标上。当您只是移动光标(而不是拖动)而元素仍在被拖动时,它看起来并不好看。 这是一把小提琴。只要在输出区域外拖动并释放光标,您就会得到我所说的内容。 我在想两种方法 > 在拖动时限制鼠标移动到容器网区域(我搜索了一下,没有找到怎么做。也许这是不可能的?

  • 用法 包含 'treegrid-dnd.js' 文件 <script type="text/javascript" src="treegrid-dnd.js"></script> 启用拖拽与放置     <table title="Folder Browser"             data-options="                 data: data,         

  • pre { white-space: pre-wrap; } 树形网格(TreeGrid)组件从数据网格(DataGrid)继承,但是允许在行之间存在父/子节点关系。许多属性继承至数据网格(DataGrid),可以用在树形网格(TreeGrid)中。为了使用树形网格(TreeGrid),用户必须定义 'treeField' 属性,指明哪个字段作为树节点。 本教程将向您展示如何使用树形网格(Tree

  • pre { white-space: pre-wrap; } 本教程向您展示如何使 HTML 元素可拖动,在本例中,我们将创建三个 DIV 元素然后启用他们的拖动和放置。 首先,我们创建三个 <div> 元素:     <div id="dd1"></div>     <div id="dd2"></div>     <div id="dd3"></div> 对于第一个 <div> 元素,我们