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