2013-01-15 22:59题主

请问如何将右侧的树形目录的风格弄成右边那样!谢谢

2013-01-16 09:50#1
可以使用accordion布局直接实现这种效果。
如果使用tree的话也可以实现,给你一个思路,设置tree的singleExpand:true,useArrows:true,然后使用样式表控制 x-grid-cell-inner及相关样式
2013-01-17 16:56#2
不错,好主意
2013-04-09 10:58#3
样式表是否和javascript一样 支持local
怎么设置属性引用样式
2013-04-09 11:30#4
当然支持,样式可使用css文件重载或在module的head中重载样式定义。
样式可借助chrome或firefox的调试工具来调试。
2013-04-09 11:41#5
懂是怎么个回事了,可以自己搞了,谢谢,有路子了
2013-04-09 12:20#6
不是美工啊  ,有做好的没关于树状目录美工的css,自己调太慢了
2013-04-10 09:34#7
我的意思是如何将WB6.5右侧的树形菜单调成上图右边的那种效果,不是调整自己的程序系统内的TREE
2013-04-10 09:45#8
设置容器的layout为accordion布局就能实现此效果!!
2013-04-10 16:10#9
请问ZHao WJ容器是指什么?是TOMCAT吗?应该是WB6.5右侧树形目录的容器吧,请问具体在哪里设置
2013-04-10 19:08#10
Zhao说的容器是指panel等容器控件,容器控件有layout属性,设置layout为accordion布局就行了,可参考布局示例。
2013-04-10 21:11#11
你们的意思我懂,不过我的意思是指如何修改“WB6.5本身”自带的右侧的树形目录样式如下图

2013-04-10 21:30#12
按chenjie的回复,终于找到了啊,在下图处设置useArrow属性,基本可以了,不过如何使用x-grid-cell-inner样式控制树形菜单每个节点的边框线不会弄啊,请大虾们赐教啊



2013-04-12 12:47#13

使用accrodation 整个目录加载在一起,没有层次感了
.x-grid-cell-inner {
    overflow: none;
    padding: 0px 0px 0px;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-top: 0 none;
    color: #000000;
    font-weight: bold;
    height: 25px;
   background: url("webbuilder/images/panel/light-hd.gif") repeat-x scroll 0 0 transparent;
}

能不能将一级二级分开  所有的样式都用的是x-grid-cell-inner
.x-grid-row{
     background: url("webbuilder/images/panel/light-hd.gif") repeat-x scroll 0 0 transparent;
  }
  .x-grid-tree-node-expanded{
    background: url("webbuilder/images/panel/light-hd.gif") repeat-x scroll 0 0 transparent;
  }
不起作用

2013-04-12 16:13#14
accordion布局子组件你可以为每一个顶层目录单独建立树。
样式不起作用肯定是css样式冲突或重载了,你可以在浏览器的css调试器下查看样式的有效性。

2013-04-13 09:23#15
fengcheng请问你那个是如何做的请给个详细的步骤
2013-04-13 10:44#16
按4搂的意见就是,把上面的样式添加进去
2013-04-13 21:53#17
请问 fengcheng,如何添加上面的样式啊?对样式不熟啊
2013-04-14 10:11#18
样式文件在module的cssFiles属性中引用,也可以在head属性中直接定义css样式
2013-04-15 17:55#19
TG :here
2013-10-04 15:24#20
收藏一下。这的菜单很有意思 能吸引客户。呵呵

返回开发者社区