ext 关于弹出树的公用方法

/**
* 弹出框的主要代码
* @param {}
* cid 一般为隐藏表单 ，用于存放树id信息
* @param {}
* ccode 一般为隐藏表单 ，存放code信息
* @param {}
* cname 是页面调用的控件用于显示树的text
* @param {}
* url 得到树的Action方法 地址
* @param{} title 传入要显示的标题
*/
show_tree = function(cid, ccode, cname, url, title) {


var TreeLoader = new Ext.tree.TreeLoader({
dataUrl : url
});
var commonTree = new Ext.tree.TreePanel({
animate : true,
height : 260,
width : 240,
autoScroll : true,
containerScroll : true,
lines : true,
listeners : {
'click' : function(node, event) {
if (node.id != 0) {
setNodeValue(node.id, node.attributes.code,
node.text);// 调用外面的方法把树选择的信息传出去
} else {
Ext.Msg.alert("提示", "您选择的是无效值，请重新选择!");
}
}
}
});
var TreeRoot = new Ext.tree.AsyncTreeNode({
id : '0',
text : '操作菜单',
draggable : false
});
commonTree.setRootNode(TreeRoot);
commonTree.loader = TreeLoader;
commonTree.border = false;
commonTree.getRootNode().expand();
/** ****************弹出框************************ */
var show_win = new Ext.Window({
plain : true,
layout : 'form',
resizable : true, // 改变大小
draggable : true, // 不允许拖动
closeAction : 'close',// 可被关闭 close or hide
modal : true, // 模态窗口
width : 260,
height : 350,
title : title,
items : [commonTree],
buttonAlign : 'right',
loadMask : true,
buttons : [{
xtype : 'button',
align : 'right',
text : '确定',
handler : function() {
cid.setValue(gid);// 赋值给控件
ccode.setValue(gcode);
cname.setValue(gname);
show_win.close();
}
}, {
xtype : 'button',
text : '取消',
handler : function() {
show_win.close();
}
}]
})
show_win.show();
}

// g开头的 为全局变量 用于中转 树到控件 ，t开头的为树传出的参数 ，c开头为调用时传入的控件
var gid, gcode, gname,gshort;
/**
* 用于树的 click 事件调用 接收 树的值到全局变量
*
* @param {}
* tid 树的id
* @param {}
* tcode 树绑定的 code
* @param {}
* tname 树的text
*/
function setNodeValue(tid, tcode, tname) {
gid = tid;
gcode = tcode;
gname = tname;
}


本文来自CSDN博客，转载请标明出处：http://blog.csdn.net/sjp44/archive/2010/03/09/5362412.aspx