jqgrid怎么用js改表格数据

 我来答
就烦条0o
推荐于2017-11-22 · 知道合伙人软件行家
就烦条0o
知道合伙人软件行家
采纳数:33315 获赞数:46491
从事多年系统运维,喜欢编写各种小程序和脚本。

向TA提问 私信TA
展开全部
1 jqGrid动态增加列,

目前还没有这样的方法

只能先卸载Grid再进行重绘,才能达到改变列的目的。

Java代码
jQuery('#grid1').GridUnload();

用这个方法 卸载jqgrid

然后重新设置吧

Java代码
jQuery('#grid1').jqGrid({
colNames:...,
colModel:...,
...
});

2 用本地 数据 修改表格

这个必须先把数据类型改成local

Java代码
$('#lgrid-1').jqGrid().clearGridData();

$('grid-1').jqGrid('setGridParam',
{ datatype:local,
rowNum:data.length,
data:data
}
).trigger('reloadGrid', [{page:1}]);

一旦用本地数据 分页功能就不好用了,因为不会再去查后台了

3 修改多条 同时提交后台

Java代码
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 隐藏列

Java代码
jQuery('#grid_id').hideCol('somecol').trigger('reloadGrid');
显示用 showCol

5 可以多选的情况下 默认选中

Java代码
$('#list').jqGrid().setSelection(1);

如果已经被选中 则是 反选

6 数据绑定前检查

Java代码
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;
}
}
}
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式