jQuery Simple Tree

可拖放的树形控件
授权协议 BSD
开发语言 JavaScript
所属分类 jQuery 插件、 jQuery 树形控件
软件类型 开源软件
地区 不详
投 递 者 史淳
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

jQuery Simple Tree是一个可拖放的树形控件。支持通过Ajax动态加载树节点,具有简单易于使用和漂亮的外观等特点。

在线演示

  • 学习使用jquery以来,一直没找到一棵简单并且支持异步加载的树,无奈只有自己扩展一下。jquery官方ui的treeView功能单一且不够小巧。偶然发现SimpleTree 插件发现它小巧而且支持拖拽很方便扩展,于是在simpleTree基础上做了json格式数据异步加载和树上使用的图片路径自适应的扩展。做的较为粗糙,请大家指点!   因为实在实际项目中使用,下面的例子是基于struts2的,除

  • http://bluespring.javaeye.com/blog/249851?page=2#comments http://news.kg/wp-content/uploads/tree/

  • TREE.dragStart = function(event){     //这个是被拖拽的对像 var LI = $(event.data.LI); //alert($(LI).find(">span").text()); if(mousePressed) {     mouseMoved = true; if(dragDropTimer) {clearTimeout(dragDropTime

  • <%@ page language="java" contentType="text/html; charset=utf-8" %> <%@taglib uri="/struts-tags" prefix="s"%> <% String path = request.getContextPath(); String basePath = request.getScheme() + "://"

  • jquery.simple.tree 支持无限级分类,异步加载数据   好久没用S2SH做东西了,闲来没事做了一个jQuery Tree  的Demo 支持无限级分类,异步加载数据,通过这个小程序可以了解一下jQuery动态加载数据的技巧,顺便复习了一下S2SH(struts2+spring+hibername)。 这个有demo的,有人需要,可以加我qq,或者留下你的qq,我会发给你。 1 2

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

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

  • 本节,我们将介绍事件监听器的必杀技——拖放。如果没有Events或其它轻量级的JavaScript库,拖放操作将很难开发。我们可以使用Events来为矩形附加mouseover, mousedown, mousemove, mouseup, 和mouseout事件,来处理不同阶段的拖放操作。 图6-5 拖放图形 操作步骤 按照以下步骤,来拖放一个矩形: 1. 链接到Events类: <scrip

  • 我是JavaFX动画的新手。我正在尝试遵循代码作为另一个大项目的试用;基本上我想用鼠标拖动来移动圆圈,当圆圈在矩形上时,突出显示矩形。如果圆圈落在矩形上,请将其颜色更改为圆圈的颜色。 到目前为止,我已经设法用鼠标移动圆圈,但我不确定为什么矩形的OnDragEntered方法什么都不做。 以下是FXML: 这是控制器: 包装com.sc.colordx.controller; 这是正确的方法吗?还是

  • 用清晰的层级结构展示信息,可展开或折叠。 基础用法 基础的树形结构展示。 demo <el-tree :data="data" :props="defaultProps" @node-click="handleNodeClick"></el-tree> <script> export default { data() { return { data: [{

  • Tree 树形控件 用清晰的层级结构展示信息,可展开或折叠。 基础用法 基础的树形结构展示。 ::: demo 基础的树形结构展示 constructor(props) { super(props); this.state = { data: [{ label: '一级 1', children: [{ label: '二级 1-1',

  • 用清晰的层级结构展示信息,可展开或折叠。 基础用法 基础的树形结构展示。 <el-tree [model]="data"> </el-tree> <script type="text"> // in Component data: any = [{ label: '一级 1', children: [{ label: '二级 1-1', children: [{

  • Tree 树形控件 用清晰的层级结构展示信息,可展开或折叠。 基础用法 基础的树形结构展示。 demo <el-tree :data="data" :props="defaultProps" @node-click="handleNodeClick"></el-tree> <script> export default { data() { return {