【8.0】页面分割条，支持任意方向调整大小

muto

本帖最后由 experdot 于 2023-8-11 17:43 编辑

最新
现已支持插件：页面分隔条 - 葡萄城市场 (grapecity.com.cn)

功能
1. 调整任意行列的大小
2. 支持记忆，浏览器刷新效果不丢失

效果预览

Resizer.gif903078613.png

使用方法

1. 在页面加载命令添加一个 JavaScript 命令
image.png296987609.png

2. 选中页面上一个单元格，设置 CSS 类名，运行时单元格将自动可拖拽。
image.png385177611.png

CSS 类名示例（可任意组合）

水平Resize
spliter-h: 调整列宽模式，默认调整第一列
spliter-h spliter-col-9: 调整第九列的列宽，数字可任意指定

垂直Resize

spliter-v: 调整行高模式，默认调整第一行
spliter-v spliter-row-9: 调整第九行的行高，数字可任意指定

双向Resize
spliter-h spliter-v: 同时启用调整行高列宽
spliter-h spliter-v spliter-col-9 spliter-row-9: 同时调整第九行第九列的行高列宽，数字可任意指定

工程文件

Resizer.fgcc (91.84 KB, 下载次数: 108)

swejet · swejet

太棒了，非常感谢楼主的无私分享

回复 · 1525755450

逛逛逛 · 逛逛逛

下载学习，谢谢！

不知道式 · 不知道式

顶一个

swejet · swejet

反馈一下，这个我试了，自己做了，首先说，成功，但是，——对，但是，戏肉来了，但是——

这个功能我是放到母版页上的，母版页顶部通栏放了导航栏，是一个组件，对，我是 8.0.100.0，顶部通栏下面分了两栏，左侧是el菜单，右侧是内容区，然后我在el菜单和内容区中间，放了一个4像素的列，并且把这一列都合并了。

image.png87313536.png

实际的效果是，没有那么丝滑，要看鼠标的位置，我的录屏软件录不上鼠标，只能将就着看一下

页面分割条问题演示.gif546904601.png

我鼠标放到切分条上拖动，只动一下就动不了，页面不跟着动，只是鼠标指针在动。然后我松开鼠标左键回来，在没有点击鼠标时，仅仅是鼠标悬停在分割条时，分割条就跟着鼠标指针的移动而移动了，就是只能拖一下，有时候长有时候短，在上图中看到的有时候不动，那不是不动，是拖不动，鼠标指针在动的。

然后，我把鼠标放到标签页的左侧拖动，就非常丝滑，一点问题都没有，在上图中看到的中间那段，能一直到很靠右侧的位置的，就是我把鼠标指针放到标签页左侧的分割条处拖动的。

cnsxwxq · cnsxwxq

好用

隔壁老王 · 隔壁老王

这样的好功能，为什么不出一个官方插件呢！

回复 · 137294886

好用

phoben · phoben

这个确实适合官方来原生支持一下.

		自动登录	找回密码
密码			立即注册

[资源分享] 【8.0】页面分割条，支持任意方向调整大小

评分

12 个回复

评分

悬赏达人

活字格高级认证

活字格认证

圣诞拼拼乐

微信认证勋章

时代开发者征文活动

讲师达人