论坛首页 Web前端技术论坛

ExtJs3中定制GridPanel滚动条显示样式问题求教

浏览 4922 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2012-04-13   最后修改:2012-04-13
EXT

 

 

 

Dear All

 

 

 

我想修改GridPanel的默认水平滚动条的样式,固定一些列,然后后面的列可以滚动显示

需要在其中加入一条垂直分割线,支持移动,我看了一下目前多列表头的GRIDPanel并不支持(只支持单列的宽度的Adjust).

大家说说有什么思路吗?具体的可以看看附件的图

 


 

 

PS:

1.png目标图

3.png网上的例子,但是没有代码

 

Any idea is appreciated!

 

 

 

 

Thanks.

 

  • 大小: 24.8 KB
  • 大小: 35.7 KB
   发表时间:2012-04-13  

不好意思,忘记了图片

  • 大小: 24.8 KB
  • 大小: 35.7 KB
0 请登录后投票
   发表时间:2012-04-13  
在3.x基础上改难度很大啊,4.x好像是可以支持这些功能的

这里要做到分区,垂直流动条又能联动,只能是模拟滚动条了,并不是简单的修改样式
0 请登录后投票
   发表时间:2012-04-13  
clue 写道
在3.x基础上改难度很大啊,4.x好像是可以支持这些功能的

这里要做到分区,垂直流动条又能联动,只能是模拟滚动条了,并不是简单的修改样式

 

首先谢谢clue回复.

 

不太理解“只能是模拟滚动条”。

 

确实不是简单的修改样式就能搞定了,可能要计算左边区域的宽度(按百分比计算什么的),右边的话写一个死的WIDTH就好了,但是难点是怎么加上一个滚动条(而且是右边区域的滚动条).

 

我们用3.2.1 不太可能换成4, 不知道4中的GridPanel哪个属性可以支持这样的操作,我得去挖挖代码。

 

0 请登录后投票
   发表时间:2012-04-16  
4.x的Grid看看官网示例就有了吧?

最初版的4.0.0是用的模拟滚动条,即滚动条并不属于Grid正文的,而是一个独立的DIV的,内部有根据行高计算出来指定高度的空DIV。
然后,正文滚动是根据模拟滚动条的scroll事件及scrollTop来进行同步的。

说真的,4.0的代码你只可能参考实现,基本不可能拿到3.x重用,改动太大太大了。
0 请登录后投票
   发表时间:2012-04-16  

[quote="clue"]4.x的Grid看看官网示例就有了吧? 最初版的4.0.0是用的模拟滚动条,即滚动条并不属于Grid正文的,而是一个独立的DIV的,内部有根据行高计算出来指定高度的空DIV。 然后,正文滚动是根据模拟滚动条的scroll事件及scrollTop来进行同步的。 说真的,4.0的代码你只可能参考实现,基本不可能拿到3.x重用,改动太大太大了。[/quote]

 

非常感谢Clue,最近看了一下资料,发现自己想多了

 

其实这个问题可以归为 插件融合的问题

EXT3+ 有LockingGridView,GroupHeaderGrid2个插件,但是彼此不兼容,如果能解决这两个插件的兼容性问题,

这个需求就有希望了

0 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics