ztree复选框
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复选框的更多相关文章
- 异步ztree 加复选框 及相应后台处理
异步加载 tree,点一下节点,就发一下请求到后台,然后显示出得到的当前层级节点 <!DOCTYPE html> <html> <head> <meta ch ...
- 【zTree】zTree根据后台数据生成树并动态设置前面的节点复选框的选中状态
0.页面中准备树的ul <ul id="treeDemo10" class="ztree" style="display: none;" ...
- javascript入门 之 ztree (九 单/复选框问题)
<!DOCTYPE html> <HTML> <HEAD> <meta http-equiv="content-type" content ...
- ztree根据参数动态控制是否显示复选框/单选框(静态JSON数据)
本文不再更新,可能存在内容过时的情况,实时更新请访问原地址:ztree根据参数动态控制是否显示复选框/单选框(静态JSON数据): 现有全省各地区静态JSON数据,现在想通过Url参数,动态控制是否显 ...
- ztree点击节点实现选中/取消复选框
效果 代码 在js中初始化tree时 设置复选框操作只影响子节点 复选框事件,想怎么处理就怎么处理
- 对jquery操作复选框
摘要:jquery操作复选框.使用更简洁易懂,思路清晰,逻辑更明了,很实用 <!DOCTYPE html> <html> <head> <meta chars ...
- MVC树控件,mvc中应用treeview,实现复选框树的多层级表单控件
类似于多层级的角色与权限控制功能,用MVC实现MVC树控件,mvc中应用treeview,实现复选框树的多层级表单控件.最近我们的项目中需要用到树型菜单,以前使用WebForm时,树型菜单有微软提供的 ...
- jquery复选框 选中事件 及其判断是否被选中
jquery复选框 选中事件 及其判断是否被选中 (2014-07-25 14:03:54) 转载▼ 标签: jquery复选框选中事件 分类: extjs jquery 今天做了 显示和不显示密 ...
- 复选框css
input, select, button, textarea{ -webkit-appearance:none; }该属性会导致复选框失去选择效果
随机推荐
- deepin 15.10.1 GTX1060 NVIDIA 驱动安装,双屏显示问题记录
有一段时间没有用Linux了.由于买了个4k的戴尔显示屏,在deepin系统上无法用,从昨晚到现在,总于解决了我的问题! 问题1:无法直接在深度的显卡驱动管理器哪里直接切换,网上看到很多人都有这个问题 ...
- 面试之什么是java虚拟机
java虚拟机体系结构 方法区 堆 java虚拟机栈 本地方法栈 方法区 java虚拟机编译的class文件中二进制数据类型解析数据存在方法区中 是所有线程共享 和存在数据的线程安全问题 当二个线程使 ...
- CentOs 7.6 开启防火墙后 无法显示远程文件夹
转:https://blog.csdn.net/ygwlove0110/article/details/88232065 遇到了个坑.服务器开启了防火墙后,ftp客户端连接就无法显示目录.关掉防火墙就 ...
- java实现spark常用算子之intersection
import org.apache.spark.SparkConf;import org.apache.spark.api.java.JavaRDD;import org.apache.spark.a ...
- whistle 前端工具之抓包利器
一.业务场景 前端本地开发的场景中,我们需要频繁的改动代码,并需要实时看到效果,并且在一些开发场景中,我们需要将特定的请求代理到特定的IP.本地文件等,所以使用fiddler或whistle等本地.真 ...
- JDBC2
1.JDBC连接池 public class JdbcTemplateDemo2 { //Junit单元测试,可以让方法独立执行 //1. 获取JDBCTemplate对象 private JdbcT ...
- 无线传输模块HC-12
无线传输模块HC-12使用 因为实验室的无人机需要使用一款无线传输模块进行遥控控制,我们讨论的中测试了HC-12,并对HC-12传输距离进行了简单测试.在此做下使用记录. 模块概述 HC-12 无线串 ...
- python用jdbc读取oracle表和列的信息,生成java代码
这个项目的地址 传送门 第一个python3项目,对python 还是学习中,请大佬轻喷,欢迎指点 import jaydebeapi from .database import Database d ...
- ubuntu16.04安装cuDNN
cudnn的安装非常简单 (1)下载安装文件 按需求下载cudnn的安装文件:https://developer.nvidia.com/rdp/cudnn-archive Tar File的下载如下图 ...
- Highcharts动态获取值
<script type="text/javascript"> $(document).ready(function (){ var o ...