注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

╰此情可待成追忆

当没有阳光时,我自己便是阳光,当没有快乐时,我自己便是快乐

 
 
 

日志

 
 

【转载】TreePanel相关属性(1)  

2013-06-14 15:19:08|  分类: Ext.NET |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

//树的节点
            var root = new Ext.tree.AsyncTreeNode({
                id: "root",
                text: "根目录",
                expanded: true, //展开
                leaf: false, //是否为叶子节点
                children: [
                { text: '百度', leaf: true,href:'http://www.baidu.com',hrefTarget:"_blank"},
                { id: 'child2', text: '新浪', href: 'http://www.sina.com.cn', hrefTarget: "_blank", children: [{ text: "网易"}] }
              
                ]

            });


            //树
            var tree1 = new Ext.tree.TreePanel({
                el: "TreeID_1", //应用到哪个元素上面
                animate: true, //以动画形式伸展,收缩子节点
                title: "第一个树的名称", //树的名称
                collapsible: true, //展开和闭合
                rootVisible: true, //是否显示根节点
                autoScroll: true,
                autoHeight: true,
                width: 150,
                lines: true, //是否显示节点之间的联接线
                root: root//根节点
               
            });
            tree1.render();//树的显示  必须添加

 

//TreePanel配置参数
1.animate:true//展开,收缩动画,false时,则没有动画效果
2.autoHeight:true//自动高度,默认为false
3.enableDrag:true//树的节点可以拖动Drag(效果上是),注意不是Draggable
4.enableDD:true//不仅可以拖动,还可以通过Drag改变节点的层次结构(drap和drop)
5.enableDrop:true//仅仅drop
6.lines:true//节点间的虚线条
7.loader:Ext.tree.TreeLoader//加载节点数据
8.root:Ext.tree.TreeNode//根节点
9.rootVisible:false//false不显示根节点,默认为true
10.trackMouseOver:false//false则mouseover无效果
11.useArrows:true//小箭头

//TreeNode常用配置参数
1.checked:false//true则在text前有个选中的复选框,false则text前有个未选中的复选框,默认没有任何框框
2.expanded:fasle//展开,默认不展开
3.href:"http:/www.cnblogs.com"//节点的链接地址
4.hrefTarget:"mainFrame"//打开节点链接地址默认为blank,可以设置为iframe名称id,则在iframe中打开
5.leaf:true//叶子节点,看情况设置
6.qtip:"提示"//提示信息,不过要 Ext.QuickTips.init();下
7.text:"节点文本"//节点文本
8.singleClickExpand:true//用单击文本展开,默认为双击

  评论这张
 
阅读(267)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017