qsy_2021 发表于 2024-11-3 21:24:30

【分享】左侧菜单栏与右侧页面容器联动

上图!


首先,左边的菜单栏采用了设置焦点命令,通过这个方式,能够直接在页面容器中滚动到指定页面。
另外,页面容器内的内容,其实是一个长内容,根据页面容器的尺寸定制,我不会表达,我先上图。

如何跳转呢?看一下页面的定位文本框,上图


为什么第一个锚点在最顶端?后面的锚点在最后呢?原因很简单,如果你都全部设置在顶端,你会发现跳转的页面会在你不想要的位置,有时候在中间,有时候在3分之2的位置。最重要一点,当我们把焦点定位后,会有光标出现,很难受是吧?没关系,你可以把文本框设置为只读模式就可以。就这么简单,最后,可以根据需要,用户只能点击左边的菜单才能滚动,右边则不能滚动,你可以把页面容器设置为剪切模式,这样只能点击左边菜单栏滚动了,已经非常适合大部分的页面处理了。

还有,当我们第一次启动页面,菜单不会帮你自动选择第一个项,你可以在页面加载使用这个命令即可。

完事~!非常丝滑。

qsy_2021 发表于 2024-11-3 21:27:37

请根据业务逻辑来自由发挥,我是需要对这整个区域进行数据提交,所以,我的框架是这样的。

dlxubo 发表于 2024-11-8 16:28:27

放个demo,半天没搞定
页: [1]
查看完整版本: 【分享】左侧菜单栏与右侧页面容器联动