怎么为jqgrid中的多选checkbox列定制bootstrap样式

圣殿骑士18 2018-10-28 07:51:52

在改造jqgrid中的checkbox时出现了一些难题。
标题中的checkbox已经改造好，改造的方法采用这个链接的方法，就是用一个div将checkbox包起来，再设置一些样式：
https://www.cnblogs.com/czaiz/p/8288314.html
效果是：

然后，图中也可以看到，列表中的checkbox并没有新的样式，想设置新的样式，但一直没有办法，现在只是简单的设置了zoom。
为什么不能如标题一样来处理，是因为jqgrid产生的html格式无法介入，不能做到在外面包一层div，因为它自动生成的效果是这样：

我现在只能简单设置zoom：

td .cbox {margin-left:4px!important;margin-top:4px!important;zoom:130%;}

我考虑过用jqgrid定义中设置列的formatter，对于用户定义的列的是可以的，比如：

{ label: '员工号', name: 'UserNo', width: 60, align: 'left' },

                {

                    label: '允许登录', name: 'AllowLogin', width: 60, align: 'left',

                    formatter: function (cellvalue, options, rowObject) {

                        if (cellvalue == 1) {

                            return '<span class=\"label label-success\">' + $.getEnumItemText("EnumAllowLogin", cellvalue) + '</span>';

                        } else if (cellvalue == 0) {

                            return '<span class=\"label label-default\">' + $.getEnumItemText("EnumAllowLogin", cellvalue)  + '</span>';

                        }

                    }

                },

但多选列是配置出来的，怎么override？没有找到办法。

有办法来解决这个问题吗？

...全文