自己以前從別人的部落格中學到了不少東西，所以也想寫點東西，畢竟是菜鳥一隻，如果有什麼錯誤還請指正，廢話少說直接上程式碼，

最後的效果是這樣的，首先去官網下載zTree的js和css檔案，給個網站http://www.treejs.cn/v3/api.php我覺得ztree的解釋是做的最好的，簡單明瞭

//zTree初始化
var setting = {  
   
    data: {    
    simpleData: {   //簡單的資料來源，一般開發中都是從資料庫裡讀取                    
    enable: true,  
    idKey: "code",  //id和pid這個大家都明白 
    pIdKey: "parentCode",  
    showLine : true,  
    rootPId: 0  //根節點  
      },
key:{
name:"codeText",

}
        },

// 客戶型別選擇框
    $('#cusType1').on('click', function() {
    var treeNodes;
   $.ajax({
        type: 'PUT',
           dataType: 'json',
   contentType:'application/json;charset=UTF-8',
    url : '/dic/read/list',
    data: {type: 'STD_ZB_CUS_TYPE'},
    success : function(result) {
    if (result.httpCode == 200) {
   
                 treeNodes =JSON.stringify(result.data);
                 treeNodes=JSON.parse(treeNodes);
      $.fn.zTree.init($("#cusTypeTree"), setting,treeNodes);

    /*$(document).ready(function(){//初始化ztree物件      
      $.fn.zTree.init($("#cusTypeTree"), setting,treeNodes);
      });*/  
    } else {
   error(result.msg);
   }
   
    }
       });
    });
        
callback:{//回撥函式
onClick:cusTypeGet//單機完之後執行該方法

}
        }; 

//回撥函式

function cusTypeGet(event,treeId,treeNode){//treeNode中包含的zTree中的所有屬性，

$('#cusType').empty();
$('#cusType').append("<option value="+treeNode.code+">"+treeNode.codeText+"</option>")
$('[data-dismiss="modal"]').click();

這樣基本上就完成了，不過還不是很完善，它必須要等待資料全部返回完之後才能程序初始化，資料量過大的話就很影響效能，

可以使用zTree中自帶的ajax方法，可以分部分請求，大大提高效率，