`
sty2008boy
  • 浏览: 301040 次
  • 性别: Icon_minigender_1
  • 来自: 太原
社区版块
存档分类
最新评论

zTree2.6 动态Check赋值

阅读更多
在前台这么写,后台直接SQL查询就能赋值了
     <script type="text/javascript">
         var setting = {
             async: {
                 enable: true,
                 url: '/YY_BD_FaultType/JsonCYTimeApp',
                 autoParam: ["id","pId", "name=n"],
                 otherParam: { "otherParam": "zTreeAsyncTest" },
                 dataFilter: filter
             },
            data: {
    simpleData: {
     enable: true
    }
   },
          check: {
    enable: true
},
            callback: {
    beforeCheck: beforeCheck,
    onCheck: onCheck
   }
         };
         function filter(treeId, parentNode, childNodes) {
             if (!childNodes) return null;
             for (var i = 0, l = childNodes.length; i < l; i++) {
                 childNodes[i].name = childNodes[i].name.replace(/\.n/g, '.');
             }
             return childNodes;
         }
         var code, log, className = "dark";
         function beforeCheck(treeId, treeNode) {
             className = (className === "dark" ? "" : "dark");
             //             showLog(treeNode.name);
             return (treeNode.doCheck !== false);
         }

         function onCheck(e, treeId, treeNode) {
             if (treeNode.checked == true) {
                 showLog(treeNode.id);
             }
         }
         function showLog(str) {
             if (!log) log = $("#log");
             log.append(str);
             zhi(str)
             if (log.children("li").length > 6) {
                 log.get(0).removeChild(log.children("li")[0])
             }
         }
         function zhi(str) {
             document.getElementById("ID").value = str;
         }
         function checkNode(e) {
             var zTree = $.fn.zTree.getZTreeObj("treeDemo"),
                type = e.data.type,
                nodes = zTree.getSelectedNodes();
             if (type.indexOf("All") < 0 && nodes.length == 0) {
                 alert("请先选择一个节点");
             }
             if (type == "checkAllTrue") {
                 zTree.checkAllNodes(true);
             } else if (type == "checkAllFalse") {
                 zTree.checkAllNodes(false);
             } else {
                 for (var i = 0, l = nodes.length; i < l; i++) {
                     if (type == "checkTrue") {
                         zTree.checkNode(nodes[i], true);
                     } else if (type == "checkFalse") {
                         zTree.checkNode(nodes[i], false);
                     } else if (type == "checkTruePS") {
                         zTree.checkNode(nodes[i], true, true);
                     } else if (type == "checkFalsePS") {
                         zTree.checkNode(nodes[i], false, true);
                     }
                 }
             }
         }

         $(document).ready(function () {
             $.fn.zTree.init($("#treeDemo"), setting);
             $("#checkTrue").bind("click", { type: "checkTrue" }, checkNode);
             $("#checkFalse").bind("click", { type: "checkFalse" }, checkNode);
             $("#checkTruePS").bind("click", { type: "checkTruePS" }, checkNode);
             $("#checkFalsePS").bind("click", { type: "checkFalsePS" }, checkNode);
             $("#checkAllTrue").bind("click", { type: "checkAllTrue" }, checkNode);
             $("#checkAllFalse").bind("click", { type: "checkAllFalse" }, checkNode);
         });  
            
    
    </script>

 

 

2.

设置勾选状态,请修改node数据的 checked属性,然后利用updateNode方法更新即可,请注意 checkTypeFlag参数,按照你需要的情况设定。 在v3.0中,将会提供checkNode方法,可以专门用于设置勾选状态,当然updateNode也还保有目前的功能。

 

3.终

    setTimeout(function() { zTree.checkAllNodes(true); },3000);

分享到:
评论

相关推荐

    JQuery-zTree-v2.6.rar_Java 8_jquery tree_jquery-ztree-2.6.js_jqu

    1、兼容 IE、FireFox、Chrome 等浏览器 2、在一个页面内可同时生成多个 Tree 实例 3、支持 JSON 数据 4、支持一次性静态生成 和 Ajax 异步加载 两种方式 5、支持多种事件响应及反馈 6、支持 Tree 的节点移动、...

    JQuery zTree v2.6.zip

    在v2.6版本中,它提供了更为强大的功能和优化的性能,以满足网页开发中对于动态数据展示和交互操作的需求。 zTree的核心特性包括: 1. **灵活性**:zTree支持多种数据格式,如JSON、XML等,使得数据导入和处理更加...

    JQuery zTree v2.6

    **jQuery zTree v2.6** 是一个基于jQuery的开源项目,主要用于实现树形结构的交互功能。在网页开发中,zTree可以帮助开发者快速构建出美观、可操作的树状菜单,广泛应用于网站导航、组织架构展示、文件管理等领域。...

    zTreeAPI v2.6.chm

    zTreeAPI v2.6.chm各种参数的详细说明,非常有用

    JQuery zTree v2.6 基本用法实例

    **jQuery zTree v2.6 基本用法实例** zTree是一款基于jQuery的树形插件,广泛应用于网站的导航、组织结构展示、权限管理等场景。它提供了丰富的API和CSS样式,使得开发者可以方便地进行定制化开发。在v2.6版本中,...

    zTree v2.6+API

    《zTree v2.6 API详解与应用指南》 zTree是一款基于jQuery的开源树形插件,它在Web开发中被广泛应用于构建各种类型的树结构,如文件目录、组织结构、权限管理等。zTree v2.6是其一个稳定且功能丰富的版本,包含了...

    JQuery_zTree_v2.6.02.zip_V2 _javascrip_ztree

    《JQuery_zTree_v2.6.02:JavaScript实现的高效树形控件解析》 JQuery_zTree_v2.6.02是一个基于jQuery的开源项目,它提供了强大的树形控件功能,适用于各种Web应用中的数据展示和交互。在JavaScript的世界里,zTree...

    zTreeAPI v2.6

    zTreeAPI v2.6,很全的文档,文档大小:123K,使用ZTree遇到问题时,可以查看次文档

    jquery-zTreeAPI v2.6.zip

    《jQuery-zTree API v2.6详解:打造高效前端树形组件》 在网页开发中,数据的组织和展示方式多种多样,其中树形结构因其层次清晰、逻辑明确的特点,常用于目录管理、组织架构展示等领域。jQuery-zTree是一款基于...

    JQuery zTree v2.6.02

    在实际项目中,开发人员可以结合`zTreeAPI v2.6.01.chm`提供的详细说明,根据业务需求对zTree进行定制化开发,例如结合后端接口动态加载数据,或者实现自定义的节点操作逻辑。同时,通过`更新日志2.x.txt`可以了解...

    ztree v2.6 CHM+PDF 中文API

    1. 多选模式:zTree支持单选和多选,通过配置项`check.enable`启用,配合`check.chkboxType`设置全选/半选行为。 2. 数据异步加载:通过配置`async.enable`启用,当用户展开节点时动态加载子节点数据,提高页面性能...

    JQuery树型菜单 zTree v2.6 beta

    **jQuery zTree v2.6 Beta 知识点详解** jQuery zTree 是一个基于 jQuery 的开源项目,专门用于实现交互式树形菜单。在 v2.6 beta 版本中,它提供了丰富的功能和优化,使得在网页开发中构建动态、可操作的树形结构...

    z-tree-2.6,json,ajaxz-tree-2.6,json,ajax

    《zTree 2.6与JSON及AJAX的深度整合》 zTree是一款基于jQuery的树形插件,广泛应用于网站导航、数据展示等场景。版本2.6是其一个重要的迭代,它优化了性能,增加了更多的功能特性,并且更好地支持了JSON数据格式和...

    zTreeAPI v2.6.01

    zTreeAPI v2.6.01版chm格式API开发文档。

    jquery ztree 异步动态加载

    **jQuery ZTree 异步动态加载详解** 在Web开发中,数据展示往往涉及到大量信息的处理,特别是树形结构的数据。jQuery ZTree是一款强大的JavaScript组件,用于构建具有丰富交互效果的树状菜单或树形控件。在面对大...

    JQUERY ZTREE 动态树代码

    在提供的JQuery zTree v2.6版本中,包含了完整的文档、示例代码和示例数据,帮助开发者更好地理解和使用ZTREE。通过阅读文档和查看示例,可以进一步掌握ZTREE的高级功能,如节点分组、搜索、权限控制等。 总的来说...

Global site tag (gtag.js) - Google Analytics