jqgrid 行内修改单元格内容

摘要:
幸运的是,jqgrid支持行中的数据修改。首先,将cellEdit设置为true以支持单元格修改。CellEdit:true,cellsubmit:“clientArray”,//当单元格发生更改时,不会直接发送请求。默认情况下,“远程”直接发送请求。要修改的字段为select类型:{name:“YCFWZT”,索引:“YCFW梓潼”,80,align:“center”,可排序:false,格式:“select”,格式:{value:{1:'normal',2:'maintenance',3:'common'}},可编辑:true,可编辑的:'select',可编辑值:{1:'normal',2:'maintenance',3:'common'}},这里的一个问题是,当用户修改字段时,他们可以直接保存它。由于修改后的数据未保存在表中,并且原始数据丢失,因此字段将为空。因此,首先尝试使编辑的单元格失去焦点,然后可以将数据保存到本地表中。

由于字段较多,但可供用户修改的 字段仅有一个,所有不想通过弹出对话框的方式让用户进行修改。还好jqgrid支持行内数据修改,首先要将cellEdit设为true以支持对单元格的 修改操作。这里讲cellsubmit设为clientArray,当修改完成后并不直接发送到服务器进行保存,而是先保存在table中,当用户点击保 存按钮是才向数据库发送请求更新数据。

 cellEdit: true,
 cellsubmit: "clientArray", //当单元格发生变化后不直接发送请求、"remote"默认直接发送请求

要修改的字段是select类型:

{name:'YCFWZT',index:'YCFWZT', 80,align:"center",sortable:false,formatter:'select', formatoptions:{value:{1:'正常', 2:'维修', 3:'常用'}}, editable:true,edittype:'select',editoptions:{value:{1:'正常', 2:'维修', 3:'常用'}}},

这里有一个问题,就是当用户修改该字段后直接进行保存操作,由于修改后的数据未保存到table中,而且原数据丢失,会导致字段为空。所以要先设法 使被编辑的单元格失去焦点,数据即可保存到本地table中。这里当用户点击保存按钮后首先让每行的第一个字段获取焦点,这样数据就会得到保存,然后进行 保存操作:

$("#list2").editCell(rowid, 1, true);

onSelectRow: function(id){
  if(id && id!==lastsel2){
     jQuery('#detailStatisticsTab').jqGrid('saveRow',lastsel2); //$('#detailStatisticsTab').restoreRow(lastsel2);
     jQuery('#detailStatisticsTab').jqGrid('editRow',id,true); //jQuery('#gridid').editRow(id, true);  
     lastsel2=id;
   }
}

 jqGrid重置

$('#detailStatisticsTab').trigger("reloadGrid"); // 重新载入

jqGrid遍历所有行

var rowIds = $("#detailStatisticsTab").jqGrid('getDataIDs');
var paraArr = [];
for
(var i=0,j = rowIds.length - i;i < j; i++) { var rowData = $("#detailStatisticsTab").jqGrid('getRowData',rowIds[i]); var MC_STATE_NAME = rowData.MC_STATE_NAME; var MC_STATE = rowData.MC_STATE;var param = {   MC_ID: rowData.MC_ID, MC_STATE: MC_STATE }; //paraArr.push(param); paraArr.push(JSON.stringify(param)); } }

免责声明:文章转载自《jqgrid 行内修改单元格内容》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇MySQL SQL_ERROR 错误号 1032解决办法[GSEAPY] 在Python里进行基因集富集分析下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

POI 设置Excel单元格背景色(setFillForegroundColor)

背景介绍:使用Java开发信息系统项目,项目中往往会涉及到报表管理部分,而Excel表格首当其冲称为最合适的选择,但是对单元格操作时对于设置单元格的背景颜色却很少提及,本文旨在方便单元格背景颜色设计。操作:至于冗长的创建表格表格设置的代码相信大家都已经了解。直接进行单元格背景颜色设计。 1 HSSFCellStyle style =wb.createCel...

NPOI操作Excel(三)--解析Excel

通过前面两篇的基础学习,我们对NPOI有了一定了了解,下面就开始进入实战,解析下面格式的Excel(下面只是列举了几个例子),并保存入库 首先我们先分析一下,要解析这样的Excel,需要把指标【橘色背景和蓝色背景】(作为指标入库)、科目【棕色背景和黄色背景】(作为X轴入库)、数据【乳白色背景和白色背景】(作为Y轴入库)的数据分开入库。 第一张图我们得到的...

Excel单元格内自动换行自动行高,打印预览出现内容缺失解决方案

解决方案:    office2019为例, 进入打印预览界面之后选择'页面设置'.     更改打印质量, 然后依次尝试, 选择表现最好的一项.(此处我选择的是144dpi,请根据自己的硬件设备选择)调整后效果     如果需要把当前设置的预览效果输出为PDF文件, 则可以通过Adobe PDF虚拟打印机输出. (直接保存为PDF文件则为默认清晰度,依旧...

Spread for Windows Forms快速入门(10)绑定到数据库

下面的教程将带你创建一个工程, 并将Spread控件绑定到一个数据库。 在这个教程中,主要的步骤为: 1. 将Spread添加到一个数据绑定工程中 2. 设置数据库连接 3. 指定要使用的数据 4. 创建数据集 5. 把Spread控件绑定到数据库 6. 通过改变单元格类型改善显示效果 将Spread添加到一个数据绑定工程中 打开一个新的Visual St...

NPOI 自定义单元格背景颜色-Excel

NPOI针对office2003使用HSSFWorkbook,对于offce2007及以上使用XSSFWorkbook;今天我以HSSFWorkbook自定义颜色为例说明,Office2007的未研究呢 在NPOI中默认的颜色类是HSSFColor,它内置的颜色有几十种供我们选择,如果不够怎么办,不能修改底层的HSSFColor类; 大概解决思路: 1、将...

ASP操作Excel技术总结

目录一、环境配置二、ASP对Excel的基本操作三、ASP操作Excel生成数据表四、ASP操作Excel生成Chart图五、服务器端Excel文件浏览、下载、删除方案六、附录正文一、环境配置服务器端的环境配置从参考资料上看,微软系列的配置应该都行,即:1.Win9x+PWS+Office2.Win2000Professional+PWS+Office3....