存学 |jquery例子|Flex例子|ASP例子|.net学习

Tag: collap

Ext treeplane 拖动 选择 enableDD enableDrag

by SaveLearn on 二.23, 2010, under EXT

Ext 的拖动效果是非常好的,但是用原始的例子做了个实验,拖动加选择弹页的时候会出现一个为空的报错,然后修改了一下,现在已经好了,大家多多支持啊

var sysctrlb = new Ext.tree.TreePanel({
   id : ‘west-panel2′,
   region : ‘west’,
   title : ‘文章管理’,
   iconCls : ‘book’,
   split : true,
   width : 200,
   minSize : 175,
   maxSize : 400,
   collapsible : true,
   margins : ’0 0 5 5′,
   enableDrag:true,
   enableDD  :true,
   rootVisible : false,
   lines : false,
   autoScroll : true,
   root : new Ext.tree.AsyncTreeNode({
   text : ‘Manage’,
   expanded : true,
   children : [{
   text : ‘新建用户’,
   leaf : true
   }, {
   text : ‘用户列表’,
   leaf : true
   }, { (continue reading…)

Leave a Comment :, , , , , more...

Ext tree treePlane 的最简单例子

by SaveLearn on 二.22, 2010, under EXT

new Ext.tree.TreePanel({
         id : ‘west-panel’,
         region : ‘west’,
         title : ‘事务管理’,
         iconCls : ‘treeIcon’,
         split : true,
         width : 200,
         minSize : 175,
         maxSize : 400,
         collapsible : true,
         margins : ’0 0 5 5′,
         loader : new Ext.tree.TreeLoader({ url :
         ’treedata.html’, baseParams : { className :
         ’menuTree’ } }),
          
         rootVisible : true,
         lines : true,
         autoScroll : true,
         root : new Ext.tree.AsyncTreeNode({
            text : ‘Manage’,
            expanded : true,
            children : [{
               text : 'Menu Option 1',
               leaf : true
              }, {
               text : 'Menu Option 2',
               leaf : true
              }, {
               text : 'Menu Option 3',
               leaf : true
              }]

           })
        })

Leave a Comment :, , , more...

Ext 点击grid 标题最大化至全屏grid

by SaveLearn on 一.29, 2010, under EXT

首先 Ext中grid的3个属性来确定可以点击标题栏.

collapsible:true,
//True表示为面板是可收缩的
titleCollapse:true,
//True表示为允许单击头部区域任何一个位置都可收缩面板(当collapsible = true)
hideCollapseTool:true
//True表示为不出 展开/收缩的轮换按钮,当collapsible = true,
//false就显示
之后用监听来确定点击了标题栏
listeners : {
beforecollapse : function(){
all2(document.getElementById(“grid-example”).className);
// 此处是我自己定义的函数,
//用来更改grid主体的div样式,
//控制div的position属性,来变成全屏显示.
return false;  //这样点击标题栏也不会收缩真个grid.
}
}
定义一个函数来更改grid的宽高,和主体div的样式.
function all2(name)
{
if (name==”all”)
{
document.getElementById(“grid-example”).className = “all2″;
grid.setSize({width:500, height:500});
}
else
{
document.getElementById(“grid-example”).className = “all”;
grid.setSize({width:document.body.clientWidth-10, height:500});
}
}
欢迎大家评论
请大家记住  本站地址 http://www.savelearn.com
1 Comment :, , , more...

想要寻找什么?

使用此处的搜索功能来寻找您需要的:

找不到您要寻找的东西? 请与我们取得联系,然后告诉我们您需要什么!

推荐链接

以下网址经常出现在存学网络...