1 jqGrid动态增加列,
目前还没有这样的方法
只能先卸载Grid再进行重绘,才能达到改变列的目的。
jQuery('#grid1').GridUnload();
用这个方法 卸载jqgrid
然后重新设置吧
jQuery('#grid1').jqGrid({
colNames:...,
colModel:...,
...
});
2 用本地 数据 修改表格
这个必须先把数据类型改成local
$('#lgrid-1').jqGrid().clearGridData();
$('grid-1').jqGrid('setGridParam',
{ datatype:local,
rowNum:data.length,
data:data
}
).trigger('reloadGrid', [{page:1}]);
一旦用本地数据 分页功能就不好用了,因为不会再去查后台了
3 修改多条 同时提交后台
var savedRow = null;
var savedCol = null;
// 修正
$('#lgrid-3').setGridParam({
beforeEditCell : function(rowid, cellname, value, iRow, iCol) {
// 记录修改的表格
savedRow = iRow;
savedCol = iCol;
}
});
// 向后台发送数据前 保存表格的修改
if (savedRow && savedCol) {
jQuery('#grid-3').jqGrid('saveCell', savedRow, savedCol);
}
// 取得表格的数据 全部
var data = $('#grid-3').jqGrid().getRowData();
4 隐藏列
jQuery('#grid_id').hideCol('somecol').trigger('reloadGrid');
显示用 showCol
5 可以多选的情况下 默认选中
$('#list').jqGrid().setSelection(1);
如果已经被选中 则是 反选
6 数据绑定前检查
ajaxGridOptions:
{dataFilter:
function(data,dataType){ // preprocess the data
if ( $(data).find("code").text() == 'problem' ) { // check for an error in the result
$("#list").jqGrid('GridUnload');
$("#errormsg").text( $(data).find("description").text() );
}else{
return data;
}
}
}
分享到:
相关推荐
jqgrid加载本地数据并且分页例子,下载直接搭环境使用
jqgrid加载本地数据并且分页例子
jqgrid初始化时动态创建列并对这些列数值进行合计 生成动态列的数据源可以通过ajax获取或者前端自定义数据集
NULL 博文链接:https://vipshow.iteye.com/blog/1812381
本Demo利用Jquery的jqgrid插件利用本地资源数据,实现分页。
jqgrid 编辑表格 一列
该方式是在jqgrid的列基础上进行编辑,为列添加保存事件,文本域和输入框采用blur失去焦点的方式进行保存,该方法含有点击为其他列赋值的功能。参考api列子并结合自己公司功能需求。
jqGrid 中的锁定固定的列并且关于jqGrid 中的一些排序的实现细节
本程序利用Jqgrid实现本地数据的分页!
jqGrid表格数据展示插件,可以做出很多很炫酷的效果,你值得拥有
jqgrid 使用: 数据加载 增加, 修改, 删除, 还原, 撤销等 逻辑上都做了很好的判断,希望能给你们带来帮助,以后也会持续更新jqgrid使用代码。
本文实例讲述了jQuery插件jqGrid动态获取列和列字段的方法。分享给大家供大家参考,具体如下: 1、问题背景 jqGrid表格插件,利用自身方法获取表格的表头和表格字段;获取列名和列字段名显示在弹窗里,用复选框进行...
jqGrid表格数据修改删除代码.zip
实例讲解在ASP.NET MVC模式通过jQgrid表格操作 文章来自学IT网:http://www.xueit.com/asp.net/show-9768-3.aspx实例讲解在ASP.NET MVC模式通过jQgrid表格操作 文章来自学IT网:...
jqgrid合并行、合并列 先看示例图片最终效果: jqgrid合并单元格 .jqgrid { width: 80%; margin: 0 auto; } /* 这个代码是解决表头有一点点错位的问题 */ .ui-state-default, .ui-widget-content .ui-state...
; charset=utf-8"> <title>Insert title here ...<link type="text/css" rel="stylesheet" href="css/ui.jqgrid.css"> <script type="text/javascript" src="js/jquery-1.11.0.min.js" ></script> ...
jqgrid 表格的增删改查4种操作,以及表格分页,还有修改以及添加时候的modal弹出框。代码是个project项目文件,需要自己建个解决方案将项目包含进去。
jqGrid数据调用实例
如果想要获取选择多行的id,那这些id便封装成一个id数组,那可以使用以下: var ids=$(‘#gridTable').jqGrid(‘getGridParam','selarrrow'); 如果想获取选择的行的数据,只要传入rowId即可,如下: var rowData = $...
我这里用的不是jqGrid的自带的编辑和删除操作,我已经把分页导航栏下的编辑,删除,搜索都取消掉了,就是这句$(“#list1”).navGrid(“#pager1”,{edit:false,del:false, search:false}), 然后在数据加载完成后,给每...