jQuery树形下拉列表选择代码

jQuery树形下拉列表选择代码

jQuery树形下拉列表选择代码

一款点击弹出式jQuery树形下拉列表选择代码,树形下拉框选择插件,数据封装在demoData.js里面,可以自由添加修改。

源码介绍

js代码

"js/jquery.min.js" type="text/javascript"
"js/jQuery/jquery.browser.js" type="text/javascript" charset="utf-8"
"js/bootstrap3.3.7/js/bootstrap.min.js" type="text/javascript" charset="utf-8"
"js/zTree-3.5/js/jquery.ztree.all-3.5.js" type="text/javascript" charset="utf-8"
"js/demoData.js" type="text/javascript" charset="utf-8"> 
"js/ztreeModal.js" type="text/javascript" charset="utf-8"
"text/javascript"> 
            (new ztreeModal({ 
                dropDom:$('#ztreeModal'), 
                direction:'up',//up 上/down 下 
                fun:function(eId){ 
                    /*初始化ztree*/ 
                    var obj = this
                    this.objTree = $.fn.zTree.init($('#'+eId),{ 
                    check: { 
                        enable : false, 
                        chkStyle: "checkbox" 
                    }
                    data : { 
                        simpleData: { 
                            enable: true 
                        } 
                    }
                    callback:{ 
                        beforeClick:function(treeId, treeNode){ 
                            var check = (treeNode && !treeNode.isParent); 
                            if (!check)  
                            return false; 
                        }
                        onClick: function (e, treeId, treeNode, clickFlag) {  
                                 var treeObj = $.fn.zTree.getZTreeObj(eId), 
                                     nodes = treeObj.getSelectedNodes(); 
                                    var unitNode = nodes[0].getParentNode(); 
                                    var buildingNode=unitNode.getParentNode(); 
                                    var houseName=buildingNode.name+unitNode.name+nodes[0].name; 
                                      
                                if(nodes[0].level == 2){ 
                                    obj.hideZtree(houseName);//隐藏下拉菜单 
                                } 
                            }  
                        } 
                }, treeData); 
            } 
        })); 


分享到 :

发表评论

登录... 后才能评论