这是JQuery Dynatree插件的包装对象,做了些改进和增强,增加了右键菜单,以及相应事件等扩展
1. [代码]MagicDTree的基本使用

<SCRIPT type=text/javascript>
$(function(){
    var ctxMenu = $('#ctxMenu1');
    var tree = $('#tree1');
    tree.mac('dtree', {
        treeConfig: {
            title: Msg.region.allRegions,
            rootVisible: true
        },
        ctxMenu: ctxMenu,
        doInsert: function(dt, callback){
            var d = dt.data;
            d.level = d.level?d.level:0;
            var p = { level: 1, path: '/', parent: 'root' };
            if(d.level>0){
                p.parent = d.key;
                p.level = d.level + 1;
                if(d.level==1){
                    p.path = '/'+ d.key + '/';
                }else{
                    p.path = d.path + d.key + '/';
                }
                p.value = d.value;
            }
            App.open({
                action: 'editRegion',
                title: Msg.region.add,
                modal: true,
                params: p
            }, function(dd){
                callback(dd);
                //dt.deactivate();
                //dt.activate();
            });
        },
        doUpdate: function(dt, callback){
            var d = dt.data;
            App.open({
                action: 'editRegion',
                title: 'Msg.region.edit',
                modal: true,
                params: d
            }, function(dd){
                callback(dd);
            });
        },
        doDelete: function(dt, callback){
            mac.confirm('Msg.confirm.message', function(){
                mac.alert('Delete is not allowed in this demo.')
//              var p = { id: dt.data.key, level: dt.data.level };
//              $.post('delete.php', p, function(data){
//                  var ro = mac.eval(data);
//                  if(ro.success){
//                      mac.alert(Msg.info.success, [ Msg.del ]);
//                      callback();
//                      var tx = tree.getNode(dt.data.parent);
//                      tx.activate();艺术字
//                  }else{http://www.huiyi8.com/yishuzi/​
//                      mac.alert(ro.data, ro.params);
//                  }
//              });
            }, [ 'Msg.del' ]);
        },
        loader: {
            url: '/javascript/dtree/list.php',
            params: { key: 'root' },
            autoLoad: true
        },
        onCtxMenu: function(el){
            var d = el.prop('dtnode').data;
            ctxMenu.enableContextMenuItems();
            if(!d.level){
                ctxMenu.disableContextMenuItems('update,delete');
            }
        }
    });
    $('.demoSource').val($('#demo').html());
    mac.setLanguage();
});
</SCRIPT>
 
<DIV id=tree1></DIV>
<UL id=ctxMenu1 class="ctxMenu">
<LI class="add item clear" action="insert"><SPAN ><SPAN class="icon icon-plus"></SPAN><SPAN>Add Region</SPAN> </SPAN></LI>
<LI class="edit item clear" action="update"><SPAN ><SPAN class="icon icon-pencil"></SPAN><SPAN>Edit Region</SPAN> </SPAN></LI>
<LI class="delete item clear" action="delete"><SPAN ><SPAN class="icon icon-minus"></SPAN><SPAN>Delete Region</SPAN> </SPAN></LI></UL>

JQuery树形插件Dynatree的包装对象的更多相关文章

  1. 一个功能丰富的 jQuery 树形插件 z-tree

    链接 如果你的树 很复杂, 需要拖拽功能, 还可以考虑用这个 另外还有一个目前在用 Dynatree 如果一般的树, 还是自己写一个, 也很轻松,    如果有一两个复杂的点, 可以参考ZTree

  2. JQuery树形目录插件Dynatree

    最近做网页需要做一个树形目录功能.找了一下发现有很多JQuery插件都可以实现这个功能.选了一个自己觉得最满意的插件Dynatree做个学习笔记. 可以把静态的html转成树形目录,还可以动态创建添加 ...

  3. 8 个最好的 jQuery 树形 Tree 插件

    由于其拥有庞大,实用的插件库,使得 jQuery 变得越来越流行.今天将介绍一些最好的 jQuery 树形视图插件,具有扩展和可折叠的树视图.这些都是轻量级的,灵活的 jQuery 插件,它将一个无序 ...

  4. Jquery之树形插件

    1.DynaTree (推荐使用,说明文档以及样例在下载的压缩包里\doc\samples.html) DynaTree 是一个优化的动态jQuery树查看插件,它只在需要时才创建DOM元素.支持ch ...

  5. jQuery form插件的使用--ajaxForm()和ajaxSubmit()的可选参数项对象

    一.前提说明 Form Plugin API 里提供了很多有用的方法可以让你轻松的处理表单里的数据和表单的提交过程. 测试环境:部署到Tomcat中的web项目. 二.简单介绍 本文演示的是:jQue ...

  6. 【treeview】 基于jQuery的简单树形插件

    [treeview] 效果图: 前几天想把后台的目录结构通过树形插件的方法反映到前端来,在网上搜了半天只找到了这个treeview,虽然不是很好看,不过还是够用的..用treeview的前提是要有jq ...

  7. jQuery树形菜单(1)jquery.treeview

    jQuery的树形插件资料URL:http://bassistance.de/jquery-plugins/jquery-plugin-treeview/从该网站Download得到jquery.tr ...

  8. ztree树形插件

    在开发项目中需要用到树插件,近期研究了几款树插件,好记性不如烂笔头 ,写下来  以后好查 MzTreeView(梅花雪) 很经典的树形菜单脚本控件 菜单树展示加载速度快 支持1w条以上大数据 缺点-- ...

  9. 黑色半透明镂空遮罩指引效果实现jQuery小插件

    /*! * by zhangxinxu(.com) 2017-05-18 * 新版上线时候的黑色半透明镂空遮罩指引效果实现jQuery小插件 * 兼容到IE8+ * MIT使用协议,使用时候保留版权 ...

随机推荐

  1. KVM 网络虚拟化基础

    网络虚拟化是虚拟化技术中最复杂的部分,学习难度最大. 但因为网络是虚拟化中非常重要的资源,所以再硬的骨头也必须要把它啃下来. 为了让大家对虚拟化网络的复杂程度有一个直观的认识,请看下图 这是 Open ...

  2. python中单引号,双引号,三引号的比较 转载

    本文转载自http://blog.sina.com.cn/s/blog_6be8928401017lwy.html 先说1双引号与3个双引号的区别,双引号所表示的字 符串通常要写成一行 如: s1 = ...

  3. php——两种无限级分类

    /** * 无级递归分类 TP框架 * @param int $assortPid 要查询分类的父级id * @param mixed $tag 上下级分类之间的分隔符 * @return strin ...

  4. android连数据库

    package com.rockcheck.mes; import android.os.AsyncTask; import android.support.v7.app.AppCompatActiv ...

  5. Unable to locate Attribute with the the given name [] on this ManagedType

    最近在写Springboot+hibernate的项目,遇到这个问题 好坑,查了半天没发现我哪里配置错了,后来发现实体类声明字段大小写敏感,把声明字段改成小写就行了

  6. LightOJ1234 Harmonic Number 调和级数求和

    [题目] [预备知识] ,其中r是欧拉常数,const double r= 0.57721566490153286060651209; 这个等式在n很大 的时候 比较精确. [解法]可以在 n较小的时 ...

  7. 关于时间,日期,星期,月份的算法(Java中Calendar的使用方法)

    原文:http://www.open-open.com/code/view/1446195787257 package cn.outofmemory.codes.Date; import java.u ...

  8. delphi中Record 和Packed Record的区别

    Record 和Packed Record 第一种不带packed关键字的结构体表明编译器编译时要求进行字对齐,而第二种带packed关键字的结构体表明编译器编译该结构体时不需要进行字对齐,这种方式对 ...

  9. 【c++】面向对象程序设计之虚函数详解

    一.动态绑定什么时候发生 当且仅当通过指针或引用调用虚函数时,才会在运行时解析该调用 二.派生类中的虚函数 当我们在派生类中覆盖了某个虚函数时,可以再一次使用virtual指出该函数的性质,但是这么做 ...

  10. BUPT复试专题—统计时间间隔(2013计院)

    题目描述 给出两个时间(24小时制),求第一个时间至少要经过多久才能到达第二个时间.给出的时间一定满足的形式,其中x和y分别代表小时和分钟.0≤x<24,0≤y<60. 输入格式 第一行为 ...