jquery和zTree 树结构的测试demo 2

js代码:      

        $(function(){

		initTree("dxTxl",CONST_URL.LOAD_DXTREE,"id","yhzid");//初始化短信通讯录
		initTree("yjTxl",CONST_URL.LOAD_YJTREE,"id","yhzid");//初始化邮件通讯录

        }

        //构建zTree
	function  initTree(zTreeID,url,id,pid) {
		  var setting = {
				check: {
			        enable: true  //显示checkbox
			    },
				data: {
			          key: {name:"xm"},
			          simpleData: {
			              enable: true,
			              idKey : "id",
			              pIdKey : "yhzid"
			          }
			    },
			    callback: {
					onCheck: getCheckedData   // checkbox 值改变触发的方法
			    }
		};
		$.ajax({
	               type: "get",
	               dataType: "json",
	               url: url,
	               success: function(data){
	                  $.fn.zTree.init($("#"+zTreeID), setting, data.data);
	               }
	   });
	}

        //触发的方法
        function getCheckedData(e,treeId,treeNode){
		if(treeNode.checked){  //勾选操作
			if (treeNode.isParent) {  //判断是否为父节点
				 var childrenNodes = treeNode.children;  // 获取子节点的对象
				 if (childrenNodes){
					 $.each(childrenNodes,function(){
                                             setDxOrYj(this);   //往输入框set值
                                         });
				 }
			}else{
				setDxOrYj(treeNode);
			}
		}else{ //取消勾选操作
			if (treeNode.isParent) {
				 var childrenNodes = treeNode.children;
				 if (childrenNodes){
					 $.each(childrenNodes,function(){
                                              clearDxOrYj(this); // 清空输入框的值
                                         });
				 }
			}else{
				clearDxOrYj(treeNode);
			}
		}
	}
	//往收信人输入框set值
	function setDxOrYj(treeNode){
		if(treeNode.txllx=="001"){ //短信通讯录
			if($('#dxsxr').val()==""){
				$('#dxsxr').val(treeNode.sj);
			}else{
				$('#dxsxr').val($('#dxsxr').val()+";"+treeNode.sj);
			}
		}else if(treeNode.txllx=="002"){ //邮件通讯录
			if($('#yjsjr').val()==""){
				$('#yjsjr').val(treeNode.dzyj);
			}else{
				$('#yjsjr').val($('#yjsjr').val()+";"+treeNode.dzyj);
			}
		}
	}
	//消除收信人输入框的值
	function clearDxOrYj(treeNode){
		var data = "";
		if(treeNode.txllx=="001"){ //短信通讯录
			var dxdata = ($('#dxsxr').val()).split(";");
			for(var i=0;i<dxdata.length;i++){
				if(treeNode.sj!=dxdata[i]) {
					if(data==""){data += dxdata[i];}
					else{data += ";"+dxdata[i];}
				};
			}
			$('#dxsxr').val(data);
		}else if(treeNode.txllx=="002"){ //邮件通讯录
			var yjdata = $('#yjsjr').val().split(";");
			for(var i=0;i<yjdata.length;i++){
				if(treeNode.dzyj!=yjdata[i]) {
					if(data==""){data += yjdata[i];}
					else{data += ";"+yjdata[i];}
				};
			}
			$('#yjsjr').val(data);
		}
	}

时间: 2024-12-10 10:43:32

jquery和zTree 树结构的测试demo 2的相关文章

jquery和zTree 树结构的测试demo

js代码:   <link type="text/css" rel="stylesheet" href="../../../plugin/zTree/css/zTreeStyle/zTreeStyle.css" /> <script src="../../../js/jquery-1.9.1.min.js"></script> <script src="../../../pl

ztreeDeptSelect 基于jquery和ztree的部门选择插件

插件介绍 首先我们来看插件的功能演示(效果): 插件准备好后.前台只需编写html: <input type="text" class="deptName" /> 然后在javascript中渲染插件(代码使用jQuery写法): $(".deptName").ztreeDeptSelect(); 插件即渲染完成. 此插件已发布至github,源码地址: https://github.com/harveyhang/ztreeDeptS

Wookmark-jQuery-master 瀑布流插件使用介绍,含个人测试DEMO

要求 必备知识 本文要求基本了解 Html/CSS,  JavaScript/JQuery. 开发环境 Dreamweaver CS6 / Chrome浏览器 演示地址 演示地址 资料下载 测试预览截图(抬抬你的鼠标就可以看到演示地址哦): 程序核心代码看这里: $(function(){ function show(){ var colors=["#BA4A3A","#5BB5D6","#8EA83B","#EE5C92",

单独编译和使用webrtc音频降噪模块(附源码+测试demo)

webrtc的音频处理模块分为降噪ns,回音消除aec,回声控制acem,音频增益agc,静音检测部分.另外webrtc已经封装好了一套音频处理模块APM,如果不是有特殊必要,使用者如果要用到回声消除,音频增益等较为复杂的模块时,最好使用全部的音频处理模块二不要单独编译其中一部分以免浪费宝贵的时间. 但是音频降噪部分较为简单,用起来也就几个函数,除了需要传入的音频数据以外,需要调整的参数也就是音频采样率和降噪等级.另外这部分代码采用纯C语言语法编写,可以跨平台编译.整个算法也不算特别复杂,运行起

移动新闻网站,掌上移动新闻,移动新闻客户端,jQuery Mobile移动新闻网站,移动新闻网站demo,新闻阅读器开发

我们坐在地铁上,常常拿出手机查看新浪移动新闻,腾讯新闻,或者刷微信看新闻等等功能.你们有没有想过他们是如何实现的.移动互联网,越来越热闹了. 因为HTML5来了,jQuery Moblie来了.今天我就用jqm来给大家做一个简单的移动新闻网站. 先看效果图: 好吧,我们来看看实现的代码: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <

jquery ajax分页插件特效源代码demo完整版

原文:jquery ajax分页插件特效源代码demo完整版 源代码下载地址:http://www.zuidaima.com/share/1550463586798592.htm 网上找的,原版本没有测试数据和建表脚本啥的,我给加上了.

unity游戏开发之自定义事件测试demo

上文中写了unity游戏开发自定义消息事件点击打开链接 下面是测试demo 第一,打卡unity,新建一个场景,然后新建一个空的游戏对象,如图中的EventObj 第二步,测试代码EventTest.as,直接拖拽给上面的空游戏对象EentObj 测试代码如下: using UnityEngine; using System.Collections; public class EventTest : MonoBehaviour { // Use this for initialization v

spring mvc Controller与jquery Form表单提交代码demo

1.JSP表单 <% String basePath = request.getScheme() + "://" + request.getServerName() +":"+ request.getServerPort() + request.getContextPath() + "/"; %> <script language="javascript" type="text/javascript

安卓自动化测试:Robotium(一)测试demo

1.下载Robotium打开: http://code.google.com/p/robotium/下载:robotium-solo-3.4.1.jar (写测试用例时需要依赖此包)2.需要把APK重新签名,因为robotium要求被测应用和测试代码要有一致的签名, 所以我们需要把下载到的apk,通过re-sign.jar来产生debug key的apk,这个重新生成的apk就会跟测试项目签名一致了.下载完后,需要配置ANDROID_HOME,就是安卓SDK的位置,然后把APK拉到图标上,就会自