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

最新推荐文章于 2021-10-25 16:55:55 发布
原创 最新推荐文章于 2021-10-25 16:55:55 发布 · 302 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#EXT

本文讨论了如何修改GridPanel的默认水平滚动条样式，包括固定部分列并使剩余列可滚动显示的方法。此外，还探讨了如何在GridPanel中加入可移动的垂直分割线。

Dear All

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

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

 

 

 

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

 

PS:

1.png目标图

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

 

Any idea is appreciated!

 

 

 

 

Thanks.

 

programlv
关注
SPDemo.rar【winfrom带美化滚动条panel】
07-23
winfrom带美化滚动条的panel控件，demo内标注好了各属性的作用。目前只支持纵向滚动条，有滚动条重绘源码，还可以自行修改出横向滚动条，
Extjs gridpanel 出现横向滚动条问题的解决方法
12-09
代码如下:viewConfig : { layout : function() { if (!this.mainBody) { return; // not rendered } var g = this.grid; var c = g.getGridEl(); var csize = c.getSize(true); var vw = csize.width;...
Ext中修改滚动条样式
程序员！我当定了！
07-01 3370
在ext中喜欢看页面的源码的朋友应该指导 ext生成的页面源码全部都是div嵌套 所以如果我们想要修改ext滚动条样式其实只要修改div的滚动条的样式就ok的 下面是css代码 但是这个只能在ie下有效 我的ext 值紫色主题 所以这个也是紫色主题的   div{     scrollbar-face-color: #9f82ff;     scrollbar-shadow-color:
ExtJs案例（一） ~~自由定义Grid表格的滚动条
xiaozhegaa的博客
10-11 1355
目录   自由定义Grid表格的滚动条 一、需求分析： 二、自由定义滚动条 三、整理思路 四、代码编写 五、效率问题 六、动态展示：“加载更多”按钮内容 自由定义Grid表格的滚动条 一、需求分析： 在前一篇文章，已经分享了Grid表格加载更多的代码，现在需求是：加载更多之后，自动将滚动条定位到最底部。 二、自由定义滚动条 参考了网上各种博客代码，十几篇博客都在说同一个代...
ExtJs Panel 滚动条设置
shenzhen_zsw的专栏
10-07 6193
设置autoscroll:true同时出现横向和纵向滚动条。 不要设置autoscroll属性，或者autoscroll:false，然后设置bodyStyle : 'overflow-x:hidden; overflow-y:scroll'。   1 bodyStyle :'overflow-x:hidden;overflo
修改滚动条的样式
(╰_╯)#
12-19 642
    整理 修改滚动条的样式： <style>body{overflow-x:scroll;OVERFLOW-y: scroll; scrollbar-face-color: #9EBFE8; //立体滚动条凸出部分的颜色scrollbar-shadow-color: #FFFFFF; //立体滚动条阴影的颜色scrollbar-highlight-color: #FFFFFF;...
Extjs4 GridPanel 的几种样式使用介绍
10-27
接下来，我们讨论一下GridPanel中的不同列类型。在实际应用中，我们可能需要处理不同类型的数据显示，例如： 1. **行号列**: 使用`Ext.grid.RowNumberer`，它可以自动为每一行生成序号。 2. **布尔值列**: 对于`...
Extjs中的GridPanel隐藏列会显示在menuDisabled中解决方法
10-27
在ExtJS中，GridPanel是用于展示数据的组件，它以表格的形式呈现各种信息。GridPanel提供了丰富的功能，包括排序、分页、列选择等。然而，在实际开发中，我们可能会遇到一个问题，即隐藏的列仍然会在列菜单的`...
Extjs grid panel自带滚动条失效的解决方法
10-25
在EXTJS开发中，我们经常会遇到`Grid Panel`滚动条失效的问题。这通常是由于对`Grid Panel`中的`store`数据进行了过滤操作，导致滚动条无法正常工作。要理解这个问题，首先我们需要知道EXTJS `Grid Panel`的工作原理...
extjs中滚动条属性_在ExtJS网格中添加下侧到侧滚动条
weixin_42301413的博客
02-06 208
下面是我的两个网格——它们是ExtJs网格,但是我们用vb.net代码包装声明:Dim VehicleOptionsGrid As New Framework.WebControls.Grids.GridWith VehicleOptionsGrid.ID = "VehicleOptionsGrid".Title = "Vehicle Options".Toolbar.UseDefaultButt...
ext Gird 有滚动条功能
10-13
ext Gird 有滚动条功能 附带滚动条 重写原本EXT
ext 修改滚动条样式
Ellie
10-11 1151
/** 控制 chrome 滚动条颜色 / ::-webkit-scrollbar-track-piece{ background-color:#D2E5F4;/ 空出来的颜色 */ -webkit-border-radius:0; } ::-webkit-scrollbar-thumb{ height:50px; background-color:#9f82ff;/* 滚动条颜色 / -we...
extjs7 classic自定义滚动条导致内容宽度异常
路过君的博客
10-25 379
版本 extjs 7.4.0 classic 原因 ext框架会根据浏览器全局滚动条尺寸自动修改内容的style属性以适配宽度，所以局部滚动条样式如果与全局样式不同，会导致如上异常。 源码 ext-core/src/layout/ContextItem.js //修改组件属性 writeProps: function(dirtyProps, flushing) { ... var me = this, el = me.el, target = me.target
Ext Grid 横行滚动条
LGF124241877的专栏
12-16 175
主意配置 [code="js"] viewConfig: { autoScroll:true, // 自适应,是否要滚动条 forceFit: false // 是否自适应宽度 }, [/code]
extjs中滚动条属性_ExtJS 4之 控制显示隐藏滚动条、隐藏横向滚动条
weixin_35884854的博客
02-06 1334
ExtJS 都是通过配置完成功能，滚动条也不例外，ExtJS默认是隐藏滚动条，我们来看看怎么显示出来，还是引用之前的例子：Ext.create('Ext.panel.Panel',{title:'控制面板',id:'newpanel',width:400,autoScroll：true,height:400,html:'Hi',renderTo:Ext.getBody()});从上面代码，高亮部分...
extjs中滚动条属性_ExtJS 常用组件属性 及使用方法
weixin_42518930的博客
02-06 554
/*Ext.Panel主要配置表:animCollapse Boolean 设置面板折叠展开是否显示动画,Ext.Fx可用默认true,否则falseapplyTo Mixed 面板定位autoDestroy Boolean 是否自动销毁从...
Extjs入门(07) 滚动条autoScroll:true,
技术分享，共同进步
07-14 1122
这是extjs滚动条 autoScroll:true,//Extjs滚动条 用法: 例如1: Ext.extend(phis.application.war.script.WardPatientForm, phis.script.SimpleForm, { initPanel : function(sc) { if (this.form) { if (!this.isCombined) { this.addPanelToWin(); } return this.form;
extjs给panel添加滚动条_ExtJs Panel 滚动条设置
weixin_39600704的博客
12-20 1893
设置autoscroll:true同时出现横向和纵向滚动条. 不要设置autoscroll属性,或者autoscroll:false,然后设置bodyStyle : 'overflow-x:hidden; overflow-y:scroll'. bodyStyle :'overflow-x:hidden;overflow-y:scroll', //隐藏水平滚动条,显示用overflow-x:vis...
Extjs4.0 列隐藏显示与滚动条动态加载实现
在Extjs4.0中，通过上述方法可以实现表格列的动态隐藏与显示，以及在动态加载数据后更新滚动条的位置。这些功能为实现动态交互的Web界面提供了强大支持。通过合适的方法和API，开发者能够灵活地控制界面的表现形式，...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值