ztree复选框不显示，问题排查

最新推荐文章于 2022-06-16 18:26:44 发布

Cc_Davis_cC

最新推荐文章于 2022-06-16 18:26:44 发布

阅读量2.7k

点赞数

分类专栏： javaScript

本文链接：https://blog.csdn.net/qq_26929957/article/details/82685294

版权

javaScript 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

<%@ page contentType="text/html;charset=GBK" language="java"%>
<%	
	String detailId = request.getParameter("detailId");
	String depostAmount = request.getParameter("depostAmount");
	String flag = request.getParameter("flag");
%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Cache-Control" content="no-cache">
<meta http-equiv="expires" content="0">
<link rel="STYLESHEET" type="text/css" href="<%=request.getContextPath()%>/Skins/Default/Scripts/widget/zTreeV3/zTreeStyle.css">
<script language="javascript" src="<%=request.getContextPath()%>/js/Jquery/jquery-1.9.1.min.js"></script>

<%-- 多引入了一个js，所以没有显示checkbox，有点low
<script language="javascript" src="<%=request.getContextPath()%>/Skins/Default/Scripts/widget/zTreeV3/jquery.ztree.all-3.5.min.js"></script> 
--%>
<script language="javascript" src="<%=request.getContextPath()%>/Skins/Default/Scripts/widget/zTreeV3/jquery.ztree.core-3.5.min.js"></script>
<script language="javascript" src="<%=request.getContextPath()%>/Skins/Default/Scripts/widget/zTreeV3/jquery.ztree.excheck-3.5.min.js"></script>
<title>住院医生查询</title>
</head>
<body>
	<div style="background-color:#138755;height:30px;color:white;width:100%;font-size:20px;">请选择移交的住院医生</div>
	<div style="padding-left:100px;">
    	<ul id="treeDemo" class="ztree"></ul>
  	</div>
  	<div>
  		<button style="display:block;margin:0 auto;border-color:#4cae4c;background-color:#5cb85c;color:#fff;border-radius:3px;line-height:1.5;font-size:16px;"
  		 onclick="comfirmTransmit();">确认移交</button>
  	</div>
</body>
<script language="javascript">
  var treeNodes = new Array();
  
  $(document).ready(function(){
  	var setting = {
	check: {
		enable: true,
		chkStyle : "radio",
		autoCheckTrigger :true
	},
	data: {
		simpleData : {
			enable : false
		}
	},
	view:{
		showIcon : false,
		selectedMulti : false
	},
	callback: {
		onClick: zTreeOnClick
	}
		
	};		
  	getNodeData();
  	$.fn.zTree.init($("#treeDemo"), setting, treeNodes);
  });
  
  function zTreeOnClick(event, treeId, treeNode){
  	//alert(treeNode.tId + ", " + treeNode.name);
  	//var nodes = treeObj.getCheckedNodes(true);
  	
  	
  		
  }
  //确认移交
  function comfirmTransmit(){
  	  var treeObj = $.fn.zTree.getZTreeObj("treeDemo");
  	  var nodes = treeObj.getCheckedNodes(true);
  	  if(nodes.length<1){
  	      alert("请勾选住院医生！");
  	      return;
  	  }
  	  var flag = "<%=flag%>";
  	  var detailId = "<%=detailId%>";
  	  var depostAmount = "<%=depostAmount%>";
  	  var doctorId = nodes[0].id;   //住院医生id
  	  var doctorName = nodes[0].name;//住院医生name
  	  var url = "/CMIS/WPages/HIS/updateHosForegiftDetail.do";
  		$.ajax({
             async: false,
             data : {"detailId":detailId,"doctorId":doctorId,"doctorName":doctorName,"depostAmount":depostAmount,"flag":flag},
             cache: false,	
             type: 'POST',
             dataType: "json",
             url: url, 
             success: function (data) {
             	window.opener.location.reload(); //刷新父窗口中的网页
                window.close();
                //parent.freshCurrent();
                //parent.location.reload();
             },
             error: function () {
             }
        });
  
  	  
  }
  
  function getNodeData(){
  		var url = "/CMIS/WPages/HIS/qryHosDoctorList.do";
  		$.ajax({
             async: false,
             cache: false,	
             type: 'POST',
             dataType: "json",
             url: url, 
             error: function () {
             },
             success: function (data) {
             	var json = JSON.stringify(data.nodeList);
                treeNodes = eval('('+json+')');
             }
        });  //ajax
   }
  

  
  
   
</script>
</html>

1、多引入了这个：jquery.ztree.all-3.5.min.js，所以没有显示。