$.tree 目錄樹總結

var url = 'mkController.do?getYsszmkTree&ysid=${ysid}&type=${type}';  

        var treeData;  

        $.ajax({  

            async : false,  

            cache : false,  

            type: 'POST',  

            url:url,  

            success:function(data){  

            treeData = $.parseJSON(data);  

            }  

        });  

        //$.tree 中url參數(shù)未指定時，加載的樹在首次展開時無效，  

        //要在第二次展開時才會加載子節(jié)點的數(shù)據.具體原因？  

        $('#mktree').tree({  

            animate : true,  

            checkbox:true,  

            onlyLeafCheck:true,  

            //url:url,  

            data:treeData,  

            onContextMenu: function(e,node){  

                e.preventDefault();  

                $(this).tree('select',node.target);  

                $('#mm').menu('show',{  

                    left: e.pageX,  

                    top: e.pageY  

                });  

            },  

            onClick : function(node) {  

                //alert(node.attributes.pid+"=============="+node.attributes.mk);  

                $('#mktree').tree('expand',node.target);  

                //$('#zbxxpanle').html('<iframe frameborder=0 width=100% height=100% src="mkController.do?typeList&typegroupid='+node.id+'"</iframe>');      

                //var url="mkController.do?mk&typegroupid="+node.id;  

                var url="mkController.do?addorupdateRead&id="+node.id;  

                $('#ifr_id').attr("src",url);         

            },  

            onExpand:function(node){  

                url = 'mkController.do?getYsszmkTree&ysid=${ysid}&type=${type}';  

                var dwid = node.attributes['dwid'];  

                if(dwid==null || dwid=='' || dwid=='null'){  

                    url+='&nodeId='+node.id+'&nodeType='+node.attributes['key'];  

                }else{  

                    url+='&nodeId='+node.id+'_'+dwid+'&nodeType='+node.attributes['key'];  

                }  

                $.ajax({  

                    async : false,  

                    cache : false,  

                    type: 'POST',  

                    url:url,  

                    success:function(data){  

                    treeData = $.parseJSON(data);  

                    }  

                });  

                var childData = $("#mktree").tree('getChildren',node.target);  

                for(var i=0;i<childData.length;i++){  

                    $("#mktree").tree('remove',childData[i].target);  

                }  

                $("#mktree").tree('append',  

                        {parent:(node?node.target:null),  

                         data:treeData});  

            }  

        });

$.tree的參數(shù)說明：

名稱	參數(shù)	說明
options	none	返回樹的 options。
loadData	data	加載樹的數(shù)據。
getNode	target	獲取指定的節(jié)點對象。
getData	target	獲取指定的節(jié)點數(shù)據，包括它的子節(jié)點。
reload	target	重新加載樹的數(shù)據。
getRoot	none	獲取根節(jié)點，返回節(jié)點對象。
getRoots	none	獲取根節(jié)點們，返回節(jié)點數(shù)組。
getParent	target	獲取父節(jié)點， target參數(shù)指節(jié)點的 DOM對象。
getChildren	target	獲取子節(jié)點， target參數(shù)指節(jié)點的 DOM對象。
getChecked	none	獲取所有選中的節(jié)點。
getSelected	none	獲取選中的節(jié)點并返回它，如果沒有選中節(jié)點，就返回 null。
isLeaf	target	把指定的節(jié)點定義成葉節(jié)點，target 參數(shù)表示節(jié)點的 DOM對象。
find	id	找到指定的節(jié)點并返回此節(jié)點對象。
select	target	選中一個節(jié)點， target參數(shù)表示節(jié)點的 DOM對象。
check	target	把指定節(jié)點設置為勾選。
uncheck	target	把指定節(jié)點設置為未勾選。
collapse	target	折疊一個節(jié)點， target參數(shù)表示節(jié)點的 DOM對象。
expand	target	展開一個節(jié)點， target參數(shù)表示節(jié)點的 DOM對象。
collapseAll	target	折疊所有的節(jié)點們。
expandAll	target	展開所有的節(jié)點們。
expandTo	target	從指定節(jié)點的根部展開。
append	param	追加一些子節(jié)點們到一個父節(jié)點， param參數(shù)有兩個特性： parent：DOM對象，追加到的父節(jié)點，如果沒有分配，則追加為根節(jié)點。 data：數(shù)組，節(jié)點們的數(shù)據。
toggle	target	切換節(jié)點的展開/折疊狀態(tài)，target 參數(shù)表示節(jié)點的 DOM對象。
insert	param	在指定節(jié)點的前邊或后邊插入一個節(jié)點，param參數(shù)包含下列特性： before：DOM對象，前邊插入的節(jié)點。 after：DOM對象，后邊插入的節(jié)點。 data：對象，節(jié)點數(shù)據。
remove	target	移除一個節(jié)點和它的子節(jié)點們，target 參數(shù)表示節(jié)點的DOM 對象。
pop	target	彈出一個節(jié)點和它的子節(jié)點們，此方法和 remove一樣，但是返回了移除的節(jié)點數(shù)據。
update	param	跟心指定的節(jié)點， param參數(shù)有下列特性： target（DOM對象，被更新的節(jié)點）、id、text、iconCls、checked、等等。
enableDnd	none	啟用拖放功能。
disableDnd	none	禁用拖放功能。
beginEdit	nodeEl	開始編輯節(jié)點。
endEdit	nodeEl	結束編輯節(jié)點。
cancelEdit	nodeEl	取消編輯節(jié)點。

屬性

名稱	類型	說明	默認值
url	string	獲取遠程數(shù)據的 URL。	null
method	string	獲取數(shù)據的http method 。	post
animate	boolean	定義當節(jié)點展開折疊時是否顯示動畫效果。	false
checkbox	boolean	定義是否在每個節(jié)點前邊顯示checkbox 。	false
cascadeCheck	boolean	定義是否級聯(lián)檢查。	true
onlyLeafCheck	boolean	定義是否只在葉節(jié)點前顯示checkbox 。	false
dnd	boolean	定義是否啟用拖放。	false
data	array	加載的節(jié)點數(shù)據。	null

事件

很多事件的回調函數(shù)需要'node' 函數(shù)，它包含下列特性：

id：綁定到節(jié)點的標識值。
text：顯示的文字。
checked：是否節(jié)點被選中。
attributes：綁定到節(jié)點的自定義屬性。
target：目標的 DOM 對象。

名稱	參數(shù)	說明
onClick	node	當用戶點擊一個節(jié)點時觸發(fā)，node 參數(shù)包含下列特性： id：節(jié)點的 id text：節(jié)點的文字 checked：節(jié)點是否被選中 attributes：節(jié)點自定義屬性 target：被點擊目標的DOM 對象
onDblClick	node	當用戶雙擊一個節(jié)點時觸發(fā)。
onBeforeLoad	node, param	當加載數(shù)據的請求發(fā)出前觸發(fā)，返回 false就取消加載動作。
onLoadSuccess	node, data	當數(shù)據加載成功時觸發(fā)。
onLoadError	arguments	當數(shù)據加載失敗時觸發(fā)，arguments 參數(shù)與jQuery.ajax的'error'函數(shù)一樣。.
onBeforeExpand	node	節(jié)點展開前觸發(fā)，返回 false就取消展開動作。
onExpand	node	當節(jié)點展開時觸發(fā)。
onBeforeCollapse	node	節(jié)點折疊前觸發(fā)，返回 false就取消折疊動作。
onCollapse	node	當節(jié)點折疊時觸發(fā)。
onCheck	node, checked	當用戶點擊checkbox時觸發(fā)。
onBeforeSelect	node	節(jié)點被選中前觸發(fā)，返回 false就取消選擇動作。
onSelect	node	當節(jié)點被選中時觸發(fā)。
onContextMenu	e, node	當右鍵點擊節(jié)點時觸發(fā)。
onDrop	target, source, point	當節(jié)點被拖拽施放時觸發(fā)。 target：DOM對象，拖放的目標節(jié)點。 source：源節(jié)點。 point：表示拖放操作，可能是值是：'append'、'top'或 'bottom'。
onBeforeEdit	node	編輯節(jié)點前觸發(fā)。
onAfterEdit	node	編輯節(jié)點后觸發(fā)。
onCancelEdit	node	當取消編輯動作時觸發(fā)。

本文轉自：http://blog.csdn.net/hzw2312/article/details/38919877

乡下人产国偷v产偷v自拍,国产午夜片在线观看,婷婷成人亚洲综合国产麻豆,久久综合给合久久狠狠狠9

$.tree 目錄樹總結

$.tree 目錄樹總結