• jsTree树控件(基于jQuery, 超强悍)[推荐]


    jsTree树控件(基于jQuery, 超强悍)[推荐] 文章分类:Java编程 关键字: jquery tree javascript 控件 插件 checkbox 框架 jstree

    jsTree是基于javascript的一个跨浏览器树控件,功能强 大,而且是免费的。

    1、支持基于HTML定义、Json、XML方式加载树节点

    2、支持拖放,动态增加、删除、重命名树节点

    3、支持复选框

    4、支持复制、剪切、粘贴树节点,动态刷新树

    5、提供足够的回调方法:

            beforechange: function() { log("About to change"); return true },
            beforeopen  : function() { log("About to open"); return true },
            beforeclose : function() { log("About to close"); return true },
            beforemove  : function() { log("About to move"); return true },
            beforecreate: function() { log("About to create"); return true },
            beforerename: function() { log("About to rename"); return true },
            beforedelete: function() { log("About to delete"); return true },
            onselect    : function() { log("Select"); },
            ondeselect  : function() { log("Deselect"); },
            onchange    : function() { log("Focus changed"); },
            onrename    : function() { log("Rename"); },
            onmove      : function() { log("Move"); },
            oncopy      : function() { log("Copy"); },
            oncreate    : function() { log("Create"); },
            ondelete    : function() { log("Delete"); },
            onopen      : function() { log("Open"); },
            onopen_all  : function() { log("Open ALL"); },
            onclose     : function() { log("Close"); },
            error       : function() { },
            ondblclk    : function() { log("Doubleclick"); TREE_OBJ.toggle_branch.call(TREE_OBJ, NODE); TREE_OBJ.select_branch.call(TREE_OBJ, NODE); },
            onrgtclk    : function() { log("Rightclick"); },
            onload      : function() { log("Tree loaded"); },
            onfocus     : function() { log("Tree got focus"); },
            ondrop      : function() { log("Foreign node dropped"); }

    6、此外,还提供了详细的使用文档

            jsTree is a javascript based, cross browser tree component. It uses jQuery and Sarissa (optionally). jsTree is absolutely free (licensed same as jQuery - under both GPL and MIT - whichever suits your needs).

    Currently supported browsers are: Internet Explorer 6 +, Mozilla Firefox, Safari 3, Opera 9+, Google Chrome. The latter three are not thoroughly tested. jsTree may also work with other browsers - please drop me a note if you performed some tests.

    Key features
    • Data sources:
      • predefined HTML - convert nested lists into a tree on the fly
      • JSON - provide a json object
      • XML - provide a nested structure or a flat (id -> parent_id) one
    • Async loading - just provide an URL and the tree will request data as needed (works for XML & JSON sources)
    • Open, close, rename, create, delete nodes (all with definable rules)
    • Various callbacks (onchange, oncreate, ondelete, onload, etc …)
    • Drag & drop support (definable with rules)
    • Multiple select
    • Localization - maintain the same tree in as many languages as you like
    • Right-to-left support (supported in both supplied themes)
    • Theme support (change icons, sizes, backgrounds, etc …)
    • Animated open & close (configurable)
    • Optional keyboard navigation
    • multitree support - move/copy nodes form to tree to tree (definable with rules)
    • also works as a jQuery plugin

    下载地址http://code.google.com/p/jstree/
    文 档http://jstree.com/reference/_documentation/1_files.html
    例 子http://jstree.com/reference/_examples/1_datasources.html 

  • 相关阅读:
    【某集训记录】
    【bzoj 4407】于神之怒加强版
    【bzoj 3529】【sdoi 2014】数表
    PHP消息队列实现及应用
    (转)PHP DB 数据库连接类
    站点http升级到https
    虚拟主机发送邮件出现getmypid禁用的解决方案
    企业微信API集成登录以及其他操作开发
    微信小程序发送模版消息常见错误解决方案
    (转) Laravel自带SMTP邮件组件实现发送邮件(QQ、163、企业邮箱都可)
  • 原文地址:https://www.cnblogs.com/danghuijian/p/4400294.html
Copyright © 2020-2023  润新知