一些关于jqGrid插件的常用方法
发布日期:2021-05-08 20:01:40 浏览次数:19 分类:精选文章

本文共 972 字,大约阅读时间需要 3 分钟。

1.获取表格的所有数据

var datas = $('#tableNAme').jqGrid('getRowData');

2.获取被选中的行的数据

var datas = jqGridRowData("#tableName");

3.弹出搜索框

function open(){

$('#serchName').toggleClass('sidebar-open');

}

4.关闭搜索框

function close(){ 

 $('#right-sreach').removeClass('sidebar-open');

5.提示框

showConfirm('确定吗?','信息',function(){

      业务逻辑。。。。。。。

})

6.清空表格数据 

$("#tableName").jqGrid('clearGridData');

7.刷新表格,重新加载数据

$("#tableName").jqGrid('setGridParam', { // 重新加载数据

                        data : 表格数据,
                        datatype : "local",
                        page : 1
                    }).trigger("reloadGrid");

8.去掉表头的复选框

function beforeSelectRow(){

        $("#tableName").jqGrid('resetSelection');
        return(true);
    }

9.冻结列

冻结列不生效因素:

1)、启用了树形表格时( TreeGrid )

2)、启用了子表格(SubGrid)
3)、启用了单元格编辑(cellEdit)
4)、使用行编辑,冻结的列不能为编辑
5)、设置了可排序的列,jqGrid的sortable设置为true或者方法
6)、scroll配置为true或者1
7)、启用了数据分组
8)、启用页脚数据行(footerrowcab参数)

第一步设置colModel  列内的 frozen: true;

第二步设置表格初始时宽度 shrinkToFit: false,

第三步在最后设置    jQuery("#mytable").jqGrid('setFrozenColumns');

10.设置单元格的高度 

.ui-jqgrid tr.jqgrow{height:60px}

未完待续。。。

上一篇:前端页面使用thymeleaf获取session或者model中的值
下一篇:java中的泛型

发表评论

最新留言

感谢大佬
[***.8.128.20]2025年04月08日 03时28分40秒