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;
}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值