| 0,0 → 1,130 |
|---|
| /* |
| Copyright: Paul Hanlon |
| version 2009-06-22+statefix+spanfix+altfix+undefinedfix+ie6cachefix+multilinefix+divfix |
| Released under the MIT/BSD licence which means you can do anything you want |
| with it, as long as you keep this copyright notice on the page |
| */ |
| (function(jq){ |
| jq.fn.jqTreeTable=function(map, options){ |
| var opts = jq.extend({openImg:"",shutImg:"",leafImg:"",lastOpenImg:"",lastShutImg:"",lastLeafImg:"",vertLineImg:"",blankImg:"",collapse:false,column:0,striped:false,highlight:false,state:true},options), |
| mapa=[],mapb=[],tid=this.attr("id"),collarr=[], |
| stripe=function(){ |
| if(opts.striped){ |
| $("#"+tid+" tr:not(.collapsed)").filter(":even").addClass("even").removeClass("odd").end().filter(":odd").removeClass("even").addClass("odd"); |
| } |
| }, |
| buildText = function(parno, preStr){//Recursively build up the text for the images that make it work |
| var mp=mapa[parno], ro=0, pre="", pref, img; |
| if (mp!==undefined) for (var y=0,yl=mp.length;y<yl;y++){ |
| ro = mp[y]; |
| if (mapa[ro]){//It's a parent as well. Build it's string and move on to it's children |
| pre=(y==yl-1)? opts.blankImg: opts.vertLineImg; |
| img=(y==yl-1)? opts.lastOpenImg: opts.openImg; |
| mapb[ro-1] = preStr + '<span class="treeimg" style="background-image: url(\''+pre+'\')"><div style="background-image: url(\''+img+'\')" class="parimg" id="'+tid+ro+'"'+(img=(y==yl-1)? ' last=1': '')+'></div></span>'; |
| pref = preStr + '<span class="treeimg preimg" style="background-image: url(\''+pre+'\')"></span>'; |
| arguments.callee(ro, pref); |
| }else{//it's a child |
| pre=(y==yl-1)? opts.blankImg: opts.vertLineImg; |
| img = (y==yl-1)? opts.lastLeafImg: opts.leafImg;//It's the last child, It's child will have a blank field behind it |
| mapb[ro-1] = preStr + '<span class="treeimg" style="background-image: url(\''+pre+'\')"><div style="background-image: url(\''+img+'\')" class="ttimage" id="'+tid+ro+'"></div></span>'; |
| } |
| } |
| }, |
| expandKids = function(num, last){//Expands immediate children, and their uncollapsed children |
| jq("#"+tid+num).css('background-image', "url('"+((last)? opts.lastOpenImg: opts.openImg)+"')"); |
| for (var x=0, xl=mapa[num].length;x<xl;x++){ |
| var mnx = mapa[num][x]; |
| jq("#"+tid+mnx).parents("tr").removeClass("collapsed"); |
| if (mapa[mnx] && opts.state && jq.inArray(mnx, collarr)<0){////If it is a parent and its number is not in the collapsed array |
| arguments.callee(mnx,(x==xl-1));//Expand it. More intuitive way of displaying the tree |
| } |
| } |
| }, |
| collapseKids = function(num, last){//Recursively collapses all children and their children and change icon |
| if (mapa[num]){ |
| jq("#"+tid+num).css('background-image', "url('"+((last)? opts.lastShutImg: opts.shutImg)+"')"); |
| for (var x=0, xl=mapa[num].length;x<xl;x++){ |
| var mnx = mapa[num][x]; |
| jq("#"+tid+mnx).parents("tr").addClass("collapsed"); |
| if (mapa[mnx]){//If it is a parent |
| arguments.callee(mnx,(x==xl-1)); |
| } |
| } |
| } |
| }, |
| creset = function(num, exp){//Resets the collapse array |
| var o = (exp)? collarr.splice(jq.inArray(num, collarr), 1): collarr.push(num); |
| cset(tid,collarr); |
| }, |
| cget = function(n){ |
| var v='',c=' '+document.cookie+';',s=c.indexOf(' '+n+'='); |
| if (s>=0) { |
| s+=n.length+2; |
| v=(c.substring(s,c.indexOf(';',s))).split("|"); |
| } |
| return v||[]; |
| }, |
| cset = function (n,v) { |
| v = arrUniq(v); |
| document.cookie = n+"="+v.join("|")+";"; |
| }, |
| arrUniq = function(a) {/* http://www.shamasis.net/2009/09/fast-algorithm-to-find-unique-items-in-javascript-array/ */ |
| var o = {}, i, l = a.length, r = []; |
| for(i=0; i<l;i++) o[a[i]] = a[i]; |
| for(i in o) r.push(o[i]); |
| return r; |
| }; |
| |
| try { //ie6 flickering fix |
| document.execCommand("BackgroundImageCache", false, true); |
| } catch(err) {} |
| |
| for (var x=0,xl=map.length; x<xl;x++){//From map of parents, get map of kids |
| num = map[x]; |
| if (!mapa[num]){ |
| mapa[num]=[]; |
| } |
| mapa[num].push(x+1); |
| } |
| buildText(0,""); |
| jq("tbody tr", this).each(function(i){//Inject the images into the column to make it work |
| jq(this).children("td").eq(opts.column).children("div").prepend(mapb[i]); |
| }); |
| if(opts.state) collarr = cget(tid); |
| if (!collarr.length){ |
| if(opts.collapse.constructor == Array) { |
| collarr=collarr.concat(opts.collapse); |
| if ((collarr.length) && (opts.state)){ |
| cset(tid,collarr); |
| } |
| } |
| } |
| if (collarr.length){ |
| for (var y=0,yl=collarr.length;y<yl;y++){ |
| collapseKids(collarr[y], $("#"+tid+collarr[y]+ ".parimg").attr("last")==1); |
| } |
| } |
| stripe(); |
| jq(".parimg", this).each(function(i){ |
| var jqt = jq(this),last; |
| jqt.click(function(){ |
| var num = parseInt(jqt.attr("id").substr(tid.length));//Number of the row |
| if (jqt.parents("tr").next().is(".collapsed")){//If the table row directly below is collapsed |
| expandKids(num, jqt.attr("last")==1);//Then expand all children not in collarr |
| if(opts.state){creset(num,true);}//If state is set, store in cookie |
| }else{//Collapse all and set image to opts.shutImg or opts.lastShutImg on parents |
| collapseKids(num, jqt.attr("last")==1); |
| if(opts.state){creset(num,false);}//If state is set, store in cookie |
| } |
| stripe();//Restripe the rows |
| }); |
| }); |
| if (opts.highlight){//This is where it highlights the rows |
| jq("tr", this).hover( |
| function(){jq(this).addClass("over");}, |
| function(){jq(this).removeClass("over");} |
| ); |
| }; |
| }; |
| return this; |
| })(jQuery); |