强大的JQuery的插件jqGrid(5)

希望这个帮助文档能对大家学习jQuery的插件jqGrid带来帮助(在个人的使用过程中不断更新),希望大家提出意见。

rowEdit

分别对应单元格编辑、在线行编辑、以对话框式的行编辑。以下将分别简单介绍这三种编辑方法和用法。

(一) cellEdit:

单元格编辑支持键盘操作，当选中某一单元格时，可以按上下、左右来切

换选中

如果单元格可编辑，当我们按下Enter键或鼠标点击其他键时cell编辑后将被

保存，除非我们按下Esc键

当cell被编辑过后，cell编程’dirty’数据，这时候在左上角会显示出一个红色

标记

当我们点击可编辑的cell时，我们可以直接进入编辑状态

properties:

1、有三个属性来设置cellEdit:

cellEdit:当为true时，cell才可编辑，此时Multiselect（设置选择多行）则不可用，

onSelectRow函数不可用

cellsubmit：定义cell容器在那里被保存，’remote’或’clientArray’。如果是’remote’

则数据会立刻通过cellUrl用Ajax方式传递到后台去处理，传递格式为：

{id:rowed,mycell:cellvalue}

cellurl: 设置cell编辑的url

注意：在collmodel里对列属性进行定义的editrules{}里，所有的设置对cellEdit、

inline、rowEdit均适用。

2、cellEdit编辑的几种事件

afterEditCell(rowed,cellname,value,iRow,iCol)

afterSaveCell(rowed,cellname,value,iRow,iCol)

afterSubmitCell(serverresponse,rowed,cellname,value,iRow,iCol)

beforeEidtCell(rowed,cellname,value,iRow,iCol)

beforeSaveCell(rowed,cellname,value,iRow,iCol)

beforeSubmitCell(rowed,cellname,value,iRow,iCol)

errorCell(serverresponse,statur)

onSelectCell(rowed,celname,value,iRow,iCol)

这些事件在实际应用中拿出部分进行组合应用即可，其中onSelectCell只能应用于

不可编辑的单元格

3、举例说明

cellurl: pathname+'/xmlSaleTableEdit?openagent&oper=edit', //定义编辑cellEdit rul和

editUrl不同，需要单独设置

cellEdit: true, //cell编辑时，此属性必须为true

afterEditCell: function(rowid,cellname,value,iRow,iCol){

var zk= jQuery("#list").getCell(rowid,"N_JinEr");//获取某一单元格的值

jQuery("#list").setCell(rowid,"N_JinEr",9000,{color:'red','text-align':'center'});

},

afterSubmitCell:function(serverrepsponse,rowid,cellname,value,iRow,iCol){

var text=serverrepsponse.responseText;