编辑行,保存编辑,取消编辑
html代码
<div class="panel-body">
<table id="list" style="heigth: 1000px"></table>
<div id="pager"></div>
</div>
js代码
$("#list" ).jqGrid({
colModel : [ //jqGrid每一列的配置信息。包括名字,索引,宽度,对齐方式.....
{name : 'id',index : 'id',width : 100,align : 'right'},
//第一步:把upperLimit列设置可编辑
{name : 'upperLimit',index : 'upperLimit',width : 150,align : "right",editable : true},
{name : 'lowerLimit',index : 'lowerLimit',width : 150,align : "right",editable : true},
{name : 'edit',index : 'edit',width : 100,height : 300,align : "right"}],
gridComplete : function() {
// 第二步:数据加载完成后