var setting = {
  check: {
    enable: true
    // chkboxType : { "Y" : "", "N" : "" }
  },
  data: {
    simpleData: {
    enable: true
  }
};

function createTree () {
  var zNodes;
  $.ajax({
    url: 'Handler.ashx?action=GetModule', //url action是方法的名称
    data: { id: "11" },
    type: 'POST',
    dataType: "text", //可以是text,如果用text,返回的结果为字符串;如果需要json格式的,可是设置为json
    ContentType: "application/json; charset=utf-8",
    success: function (data) {
    zNodes = data;

    $.fn.zTree.init($("#treeDemo"), setting, eval('(' + zNodes + ')'));

   },
    error: function (msg) {
      alert("失败");
    }
  });
}
//获取所有选中节点的值
function GetCheckedAll() {
  var treeObj = $.fn.zTree.getZTreeObj("treeDemo");
  var nodes = treeObj.getCheckedNodes(true);
  var msg = "name--id--pid\n";
  for (var i = 0; i < nodes.length; i++) {
    msg += nodes[i].name+"--"+nodes[i].id+"--"+nodes[i].pId+"\n";
  }
  $("#msg").val();
  $("#msg").val(msg);
 }

//全选
function CheckAllNodes() {
  var treeObj = $.fn.zTree.getZTreeObj("treeDemo");
  treeObj.checkAllNodes(true);
}

//全取消
function CancelAllNodes() {
  var treeObj = $.fn.zTree.getZTreeObj("treeDemo");
  treeObj.checkAllNodes(false);
}

//选中指定的节点
function AssignCheck() {
  var treeObj = $.fn.zTree.getZTreeObj("treeDemo");
  // var nodes = treeObj.getNodes();

  treeObj.checkNode(treeObj.getNodeByParam("id", "000100010002", null), true, true);
  treeObj.checkNode(treeObj.getNodeByParam("id", "0001000100010001000100010001", null), true, true);

}
//禁用、解禁选中节点
function Disabled1() {
  var treeObj = $.fn.zTree.getZTreeObj("treeDemo");
  var nodes = treeObj.getCheckedNodes();

  for (var i = 0; i < nodes.length; i++) {
    treeObj.setChkDisabled(nodes[i], true);
  }
}
function Disabled2() {
  var treeObj = $.fn.zTree.getZTreeObj("treeDemo");
  var nodes = treeObj.getCheckedNodes();

  for (var i = 0; i < nodes.length; i++) {
    treeObj.setChkDisabled(nodes[i], false);
  }
}

function Add() {

}
function AddChild() {

}
function Update() {

}
function Delete() {

}
function DeleteAll() {

}

$(document).ready(function () {
  createTree();
  $("#btn_GetCheckedAll").click(GetCheckedAll);
  $("#btn_CheckAllNodes").click(CheckAllNodes);
  $("#btn_CancelAllNodes").click(CancelAllNodes);
  $("#btn_AssignCheck").click(AssignCheck);
  $("#btn_Disabled1").click(Disabled1);
  $("#btn_Disabled2").click(Disabled2);

  $("#btn_Add").click(Add);
  $("#btn_AddChild").click(AddChild);
  $("#btn_Update").click(Update);
  $("#btn_Delete").click(Delete);
  $("#btn_DeleteAll").click(DeleteAll);

  //$.fn.zTree.init($("#treeDemo"), setting, zNodes);
});

ztree复选框的更多相关文章

  1. 异步ztree 加复选框 及相应后台处理

    异步加载 tree,点一下节点,就发一下请求到后台,然后显示出得到的当前层级节点 <!DOCTYPE html> <html> <head> <meta ch ...

  2. 【zTree】zTree根据后台数据生成树并动态设置前面的节点复选框的选中状态

    0.页面中准备树的ul <ul id="treeDemo10" class="ztree" style="display: none;" ...

  3. javascript入门 之 ztree (九 单/复选框问题)

    <!DOCTYPE html> <HTML> <HEAD> <meta http-equiv="content-type" content ...

  4. ztree根据参数动态控制是否显示复选框/单选框(静态JSON数据)

    本文不再更新,可能存在内容过时的情况,实时更新请访问原地址:ztree根据参数动态控制是否显示复选框/单选框(静态JSON数据): 现有全省各地区静态JSON数据,现在想通过Url参数,动态控制是否显 ...

  5. ztree点击节点实现选中/取消复选框

    效果 代码 在js中初始化tree时 设置复选框操作只影响子节点 复选框事件,想怎么处理就怎么处理

  6. 对jquery操作复选框

    摘要:jquery操作复选框.使用更简洁易懂,思路清晰,逻辑更明了,很实用 <!DOCTYPE html> <html> <head> <meta chars ...

  7. MVC树控件,mvc中应用treeview,实现复选框树的多层级表单控件

    类似于多层级的角色与权限控制功能,用MVC实现MVC树控件,mvc中应用treeview,实现复选框树的多层级表单控件.最近我们的项目中需要用到树型菜单,以前使用WebForm时,树型菜单有微软提供的 ...

  8. jquery复选框 选中事件 及其判断是否被选中

    jquery复选框 选中事件 及其判断是否被选中 (2014-07-25 14:03:54) 转载▼ 标签: jquery复选框选中事件 分类: extjs jquery   今天做了 显示和不显示密 ...

  9. 复选框css

    input, select, button, textarea{ -webkit-appearance:none; }该属性会导致复选框失去选择效果

随机推荐

  1. Java后端技术面试汇总(第三套)

    1.基础题 • 怎么解决Hash冲突:(开放地址法.链地址法.再哈希法.建立公共溢出区等)• 写出一个必然会产生死锁的伪代码:• Spring IoC涉及到的设计模式:(工厂模式.单利模式..)• t ...

  2. [转载]C++STL—vector的插入与删除

    来源:https://blog.csdn.net/duan19920101/article/details/50717748 vector::erase():从指定容器删除指定位置的元素或某段范围内的 ...

  3. MySQL 的索引是什么?怎么优化?

    索引类似大学图书馆建书目索引,可以提高数据检索的效率,降低数据库的IO成本.MySQL在300万条记录左右性能开始逐渐下降,虽然官方文档说500~800w记录,所以大数据量建立索引是非常有必要的.My ...

  4. python异步IO编程(二)

    python异步IO编程(二) 目录 开门见山 Async IO设计模式 事件循环 asyncio 中的其他顶层函数 开门见山 下面我们用两个简单的例子来让你对异步IO有所了解 import asyn ...

  5. python视频学习笔记5(高级变量的类型)

    知识点回顾: Python 中数据类型可以分为 **数字型** 和 **非数字型*** 数字型 * 整型 (`int`) * 浮点型(`float`) * 布尔型(`bool`) * 真 `True` ...

  6. 跑满带宽的一款百度网盘下载工具 : PanDownload

    下载地址 : 点击进入 官网上面也有介绍使用.在这里,我再说一下 下载之后,解压,运行,登录, 登录好之后,准备进行设置 重要:下载情况分以下三部分 下载内容 < 300M,选择`打包下载`,只 ...

  7. Java构造二叉树、树形结构先序遍历、中序遍历、后序遍历

    package com.example.demo; public class BTree { public int data; public BTree left; public BTree rigt ...

  8. springboot(1)-基础篇

    什么是spring boot Spring Boot是由Pivotal团队提供的全新框架,其设计目的是用来简化新Spring应用的初始搭建以及开发过程.该框架使用了特定的方式来进行配置,从而使开发人员 ...

  9. python 出现OSError: [Errno 8] Exec format error的原因

    访问 .py文件的网页的时候会出现 Exec format error的问题, 一般情况下是由于基于Unix(Linux,Mac OS)系统下的问题,办法如下 1 .chmod +x  filenam ...

  10. tar.xz压缩工具使用(转)

    XZ压缩最新压缩率之王 xz这个压缩可能很多都很陌生,不过您可知道xz是绝大数linux默认就带的一个压缩工具. 我是在下载phpmyadmin的时候看到这种压缩格式的,phpmyadmin压缩包xz ...