js中，jquery的ztree使用，無復選框，只有單選按鈕

在使用ztree功能前，首先需要加入相關的js與css:zTreeStyle.css,jquery.ztree.core-3.5.min.js；

這里只是介紹一點小功能，關於ztree的其他用法可以參照相關的官網

(1)在html中的代碼如下，代碼如下所示：

<input class="form-control formValue" id="className" type="text" data-validator="notEmpty" data-title="類別分類名稱" placeholder="請選擇類別分類名稱" data-toggle="dropdown" value="">
<input type="hidden" class="form-control formValue" id="fileTypeId" data-validator="notEmpty"  data-title="類別分類名稱編碼" value="" >
<div id="menuContent" class="menuContent" style="overflow:scroll ;border:1px solid #ccc; width:260px; height:200px; background: #fff; border-radius:3px; position: absolute; top:67px; left:30; z-index: 10000; display: none;">
     <ul id="tree" class="ztree" data-title="類別分類名稱" ></ul>
</div>

(2)js中，代碼如下：

var settings = {
    async : {
       enable : true,
       type : "post",
       contentType : "text/html;charset=UTF-8",
       dataType : 'json',
       url :路徑     
     },
     view : {
        showIcon : false,
        showLine : true,
        expandSpeed : 'fast',
        dblClickExpand : false
     },
     data : {
        simpleData : {
            enable : true
        }
     },
     callback : {
        onClick : onClick
      }
 };

$.fn.zTree.init($("#tree"), settings);
setTimeout(function() {
// 查詢條件中所屬組織機構的div離開事件
    $("body").click(function(event) {
       if (event.target.id == "className") {
            $("#menuContent").toggle();
       }
       if (event.target.id.indexOf("tree") == -1&& event.target.id != "className") {
             $("#menuContent").hide();
       }
    });
});

(3)ztree中，單選按鈕的使用onclick()：

function onClick(e, treeId, treeNode) {
    var zTree = $.fn.zTree.getZTreeObj("tree");
    var nodes = zTree.getSelectedNodes();
    var id = "";
    var name = "";
    for (var i = 0, l = nodes.length; i < l; i++) {
        if (nodes[i].id.length == 0) {
            alert("請選擇類別分類名稱！");
        } else {
            id += nodes[i].id;
            name += nodes[i].name;
        }
    }
    $("#fileTypeId").val(id);
    $("#className").val(name);
}