学步园

    最近完成的两个项目都用到Ext，写了些ext js 的代码，总体感觉写这种JS代码还是比较好玩的，遇到问题看看文档，看看源代码，然后再敲敲打打就这样一个ext的tree就出来了，用tree来做权限控制，似乎没啥不好的，就应该这样对各个维度各个层次进行对应的权限控制。

   下面是我写的一个维度树的JS类....

要用的地方就直接 var dt = new rs.tbm.DimmensionTree({}); 就可以了

Rs.namespace("rs.tbm");<br /> (function(){<br /> rs.tbm.DimensionTree = function(config){<br /> rs.tbm.DimensionTree.superclass.constructor.call(this, Ext.applyIf(config, {<br /> useArrows:false,<br /> autoScroll:true,<br /> animate:false,<br /> enableDD:false,<br /> rootVisible:false,<br /> containerScroll: true,<br /> attributes:{},<br /> lines:true,<br /> root:{<br /> id:-1,<br /> level:-1,<br /> final:false,<br /> identifier:"root",<br /> desc:"root",<br /> path:"root",<br /> dimType:-1,<br /> rightType:""<br /> },<br /> loader:new rs.tbm.DimensionLoader({<br /> right:config.right,<br /> available:config.available<br /> })<br /> }));<br /> };<br /> Ext.extend(rs.tbm.DimensionTree, Ext.tree.TreePanel, {</p> <p> onRender:function(ct, p){<br /> rs.tbm.DimensionTree.superclass.onRender.call(this, ct, p);<br /> },</p> <p> initEvents:function(){<br /> rs.tbm.DimensionTree.superclass.initEvents.apply(this, arguments);<br /> }<br /> });<br /> rs.tbm.DimensionLoader = function(config){<br /> rs.tbm.DimensionLoader.superclass.constructor.call(this, config);<br /> }<br /> Ext.extend(rs.tbm.DimensionLoader, Ext.tree.TreeLoader, {</p> <p> dataUrl:"/rs/tbm/tbmpub/dimension/listener",</p> <p> requestMethod:"post",<br /> processResponse:function(response){<br /> try {<br /> var o = response.getJSON();<br /> var requset = response.getRequest();<br /> var callback = requset.callback;<br /> var node = requset.node;<br /> var list = o.dimMember?(o.dimMember instanceof Array?o.dimMember:[o.dimMember]):[];<br /> node.beginUpdate();<br /> for(var i = 0; i < list.length; i++){<br /> var n = this.createNode(list[i], node);<br /> if(n){<br /> node.appendChild(n);<br /> }<br /> }<br /> node.endUpdate();<br /> if(typeof callback == "function"){<br /> callback(this, node);<br /> }<br /> }catch(e){}<br /> },<br /> getParams:function(node){<br /> var params = {<br /> dimMember:{}<br /> };<br /> var dimMember = node.attributes.dimMember;<br /> for(var key in dimMember){<br /> if(typeof dimMember[key] != "function"){<br /> params.dimMember[key] = dimMember[key];<br /> }<br /> }<br /> var bp = this.baseParams;<br /> for(var key in bp){<br /> if(typeof bp[key] != "function"){<br /> params[key] = bp[key];<br /> }<br /> }<br /> return params;<br /> },</p> <p> requestData:function(node, callback){<br /> if(!this.conn) this.conn = rs.net.ConnectionPool.getInstance();<br /> if(this.fireEvent("beforeload", this, node, callback) !== false){<br /> var request = new rs.net.HttpRequest(this.requestMethod, this.dataUrl||this.url, -1);<br /> var params = this.getParams(node);<br /> params["method"] = "getSubDimMembers";<br /> params["right"] = this.right;<br /> params["available"] = this.available;<br /> request.setParameter(params);<br /> request.callback = callback;<br /> request.node = node;<br /> this.conn.send(request, this.handleResponse, this);<br /> }else{<br /> if(typeof callback == "function"){<br /> callback();<br /> }<br /> }<br /> },<br /> handleResponse : function(response){<br /> this.transId = false;<br /> this.processResponse(response);<br /> this.fireEvent("load", this, response.getRequest().node, response);<br /> },<br /> createNode:function(attr){<br /> var cfg = {<br /> leaf:attr['final'],<br /> text:attr['desc'],<br /> dimMember:attr,<br /> id:this.createIndex(attr)<br /> };<br /> return new Ext.tree[cfg.leaf?"TreeNode":"AsyncTreeNode"](cfg);<br /> },<br /> createIndex:function(dim){<br /> return [dim['id']||'', dim['dimType']].join('@');<br /> }<br /> });<br /> })();<br />