`
hellokitty2020
  • 浏览: 5696 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

复选框树

阅读更多

tree-13

设置信息与数据如下,详细参见:http://www.360ui.net

var setting1 = {

    check: {

        enable: true

    }

};

 

var zNodes1 = [

    { id:1,  parentId:0, name:"部门1", open: true, checked: true},

    { id:11, parentId:1, name:"员工1"},

    { id:12, parentId:1, name:"员工2"},

    { id:13, parentId:1, name:"员工3", checked:true},

    { id:2,  parentId:0, name:"部门2", open: true},

    { id:21, parentId:2, name:"员工4(没有复选框)", nocheck: true},

    { id:22, parentId:2, name:"员工5"},

    { id:23, parentId:2, name:"员工6"},

    { id:24, parentId:2, name:"员工7(有复选框,但不可选)", chkDisabled: true}

];

tree-14

获取选中值方法如下:

function getSelectValue(){

 

    //获取zTree对象

    var zTree = $.fn.zTree.getZTreeObj("tree-1");

    //得到选中的数据集

    var checkedNodes = zTree.getCheckedNodes(true);

    //得到未选中的数据集

    var checkedNodes2 = zTree.getCheckedNodes(false);

   

    var msg = "";

    var msg2 = "";

   

    for(var i = 0; i < checkedNodes.length; i++){

        msg += "," + checkedNodes[i].id;

    }

    if(msg == ""){

        msg = "无选择";

    }else{

        msg = msg.substring(1);

    }

   

    for(var j = 0; j < checkedNodes2.length; j++){

        msg2 = msg2 + "," + checkedNodes2[j].id;

    }

    if(msg2 == ""){

        msg2 = "无选择";

    }else{

        msg2 = msg2.substring(1);

    }

   

    top.Dialog.alert("已选中:<br/>"+msg+"<br/>未选中:<br/>"+msg2);

}

0
0
分享到:
评论
1 楼 freezingsky 2013-06-12  
ZTree自带的例子中,就有面向各种场景和需求的例子。

相关推荐

    Ext TreePanel Checked Ext复选框树

    在描述中提到的"Ext TreePanel Checked Ext复选框树"是指`TreePanel`的一种特殊形式,它扩展了基本的树视图,加入了复选框功能。 复选框树(Checked Tree)允许用户通过复选框来选择或取消选择树结构中的节点。这种...

    带复选框JS树,JS带复选框的列表,很好用

    在IT领域,尤其是在前端开发中,"带复选框JS树"是一种常见且实用的数据展示方式,它将数据结构以树形的方式呈现,并且每个节点都带有复选框,允许用户进行多选操作。这样的设计在权限管理、配置设置、目录浏览等场景...

    swing复选框树

    在Java Swing库中,"复选框树"(Checkbox Tree)是一种可视化的组件,它将树形结构的数据与复选框结合,用户可以选择或取消选择树中的节点。这个组件非常适合于展示具有层次关系且需要多选操作的数据。下面我们将...

    老二牛车Axure夜话:中继器系列视频教程之中继器复选框树

    《老二牛车Axure夜话:中继器系列视频教程之中继器复选框树》是一篇关于使用Axure RP进行原型设计的教程。在本文档中,我们将深入探讨如何利用Axure RP的中继器(Repeater)功能创建复选框树形结构,这对于构建交互...

    基于EXTjs 的 动态复选框树

    基于EXTjs 的 动态复选框树 json数据交互

    带复选框(checkbox)的树

    在IT界,"带复选框(checkbox)的树"是一种常见的用户界面元素,它将树形结构的数据与复选框相结合,为用户提供了一种直观、便捷的方式来选择、操作和组织层次化的数据。这种控件通常用于文件管理器、设置菜单、数据库...

    js+xml实现的复选框树 treeview checkbox

    在IT领域,特别是前端开发中,复选框树(Checkbox Treeview)是一种常见的用户界面元素,它结合了树形结构和复选框的功能,让用户能够方便地选择或取消选择树形结构中的节点。这个特定的资源,"js+xml实现的复选框树...

    用delphi7.0 做的带复选框树,是一个完整源码可直接复用

    首先,我们要理解"复选框树"的概念。这指的是一个树形结构的控件,每个节点都可以包含一个复选框。用户可以通过点击复选框来选择或取消选择节点,这样可以方便地处理和表示层级关系的数据。在Delphi中,实现这样的...

    jQuery高性能带复选框的树形结构插件

    **jQuery高性能带复选框的树形结构插件——highchecktree** 在Web开发中,树形结构常常用于展示层级关系的数据,例如组织结构、文件系统等。`highchecktree`是一个专门针对这种情况设计的jQuery插件,它能高效地...

    java Swing带复选框的树

    复选框树的实现主要涉及到以下几个关键知识点: 1. **JTree组件**:JTree是Swing中用于展示层次结构数据的组件,通常用来显示文件系统目录结构或自定义的树状数据。通过DefaultTreeModel或自定义的TreeModel来创建...

    mtree1.0-checkbox-tableTree-带复选框树形控件

    "mtree1.0-checkbox-tableTree-带复选框树形控件"是一个专门设计用于Web应用的组件,它集成了复选框功能的树形表格控件。这个控件允许用户在树形结构中选择一个或多个节点,通过复选框进行操作,增加了交互性和数据...

    JQuery 简单的带复选框的树形结构

    但是最近公司需要做一个带复选框的树形结构,并且最关键的是要嵌入到JSP页面中,传递的数据不是用JSON传递的,是直接通过后端跳JSP页面的方式来的,所以就没有用网上的插件,就自己写了一下简单的实现。

    layer 下拉树形菜单带有复选框

    该插件是改良的layer的树形插件,在原始的layer插件中的树形结构是没有复选框的,改良后可用以拿来做权限系统的权限选择

    复选框树控件.rar

    VC++6.0编写程序,供参考学习带复选框树控件程序的开发

    复选框树控件List.rar

    VC++6.0编写程序,供参考学习带复选框树控件程序的开发

    JQuery实现简单的复选框树形结构图示例【附源码下载】

    本文实例讲述了JQuery实现简单的复选框树形结构图。分享给大家供大家参考,具体如下: 这是自己写的简单树形结构图,实现的功能有: 1.最左边的按钮实现子目录的隐藏和显示 2.点击父节点的复选框选中后,父节点下的...

    一个非常经典的带复选框的树形菜单

    文件名为“mztreeview2”的文件很可能是一个实现这种复选框树形菜单的代码库或者示例程序,可能是用某种编程语言(如C#、Java、JavaScript等)编写的。这个文件可能包含了实现树形结构、复选框交互逻辑、数据绑定...

    带复选框树形菜单资料

    在IT界,尤其是在前端开发中,带复选框的树形菜单是一种常见的用户界面元素,它结合了层次结构和多选功能,使用户能够方便地浏览和选择嵌套的选项。这种菜单通常用于数据分类、设置配置或者权限管理等场景。下面我们...

Global site tag (gtag.js) - Google Analytics