easyui datagrid 如何实现滚动条联动

三木哥 2013-11-14 09:40:30

有两个easyui datagrid, A表和B表，想实现拖动B表的横向滚动条，A表的滚动条也同步滚动。
哪们高人做过类似，麻烦给点思路，有代码当代最好。

多谢了！

...全文

222 1 打赏收藏转发到动态举报

写回复

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

斯洛文尼亚旅游 2013-11-14

打赏
举报

回复

参考：easyui多个datagrid同步滚动实现

//竖向滚动条联动 var contents = $('#importform div.datagrid-body'); contents.scroll(function () { contents.not(this).prop({ scrollLeft: this.scrollLeft, scrollTop: this.scrollTop }); });

EasyUI 是一套基于 jQuery 的用户界面插件集合，它允许开发者以最小的代价实现各种常见界面的交互效果，而无需复杂的编程。EasyUI 的目标是为 Web 应用提供一套快速、简易、响应式的界面解决方案。它包含了诸如 Datagrid、Tree、Window 等丰富的组件，每个组件都旨在解决特定的用户界面需求。EasyUI的Datagrid组件是一个用于显示和操作数据的强大工具。初始化Datagrid首先需要在HTML页面中定义一个元素，并为其添加属性。

{ field: 'orderId', title: '编号', width: 100 },title: '金额',width: 80,},title: '状态',]]

/** * Js名称：客源基本管理 * */ var setPageNumber = 1; var setPageSize = 10; var guestManageListData = {}; //loader var guestManageArray=[]; var guestManageLoader=function(param,success,error)...

转载请注明出处：注意事项：　　原本在谷歌浏览器进行示例测试的，url请求对应的json文件，效果一直显示不出来，换到谷歌和IE是可以正常显示的，解决方法可参考：http://www.cnblogs.com/shunzdd/p/5585990.html 其中的请求url对应的json文件封装的数据格式如下：相关属性可参考该博客：https://www.cnblogs.com/cnj...

87,991

社区成员

224,687

社区内容

社区管理员

近7日
近30日
至今

加载中

查看更多榜单

试试用AI创作助手写篇文章吧

+ 用AI写文章