jquery-easyui拓展之datagrid复合表头列锁定/解锁和列隐藏/显示

最新推荐文章于 2024-06-17 18:00:01 发布

tianxiawudi0720

最新推荐文章于 2024-06-17 18:00:01 发布

阅读量4k

点赞数

分类专栏： js 文章标签： easyui 列锁定列隐藏

本文链接：https://blog.csdn.net/tianxiawudi0720/article/details/47401399

版权

针对jQuery EasyUI中Datagrid组件在复合表头情况下列锁定和列隐藏出现的错位问题，本文作者编写了一个拓展插件，以解决这些问题。插件通过不依赖于EasyUI内部结构，而是通过修改options并重新渲染视图来实现功能。在操作列时，会为每个columnOption增加一个coordinate属性以确保在后续操作中能正确恢复列的位置。源码链接已提供，文章中还指出复核表头的子表头在锁定时的处理方式，鼓励读者参考隐藏/显示列的实现来完善这部分功能。

摘要由CSDN通过智能技术生成

jquery-easyui本身没有提供列锁定/解锁的接口，并且其原有的列隐藏/显示在符合表头的情况下会出现错位，我在项目中遇到了这两个问题，在参考了网上许多解决方案后，编写了一个拓展插件，基本上解决了这两个问题。

解决问题的思路

网上很多人都是通过拓展和复写easyui原有的方法来对html进行操作，这种方法基本上能解决问题，但是我却纠结与后续升级的问题-万一下个版本的easyui页面结构变了咋办？
为了解决这个问题，我使用了一种取巧的办法：

    var refactorView = function(target,opts){
   
        if(!opts){
  return;}
        var t = $(target);
        var data = t.datagrid('getData');//获取当前数据
        var url = opts.url;