JQGRID CELLEDIT 编辑模式下怎样取行数据

示例：

var lastFlag ;

$gridTable = $("#gridTable")jqGrid( {

datatype : 'json',

colNames : ['age', 'sex' ],

colModel : [

{name : 'age',index : 'age',width : 80,editable:true,edittype:'text',editrules:{required:true}},

{name : 'sex',index : 'sex',width : 160,editable:true,edittype:'text',editrules:{required:true}}

],

rowNum : 10,

pager : "#tablePager",

multiselect : false,

viewrecords : true,

sortorder : "desc",

jsonReader : {

root : "dataRows",

repeatitems : false

},

caption : "数据列表",

height : "auto",

rownumbers : true,

onSelectRow : function(id){

if(id && id!=lastFlag){

$('#gridTable')jqGrid('saveRow',lastFlag);

lastFlag=id;

}

$('#gridTable')jqGrid('editRow',id,true);

},

editurl : "/propManagedomethod=doNothing"

})

/ 设置增行按钮的click事件处理 /

$("#addButton")bind("click", function() {

var selectedId = $("#gridTable")jqGrid("getGridParam", "selrow");

var dataRow = {

age: "",

sex: ""

};

var ids = jQuery("#gridTable")jqGrid('getDataIDs');

var rowid = getMaxId(ids) + 1;

if (selectedId) {

$("#gridTable")jqGrid("addRowData", rowid, dataRow, "after", selectedId);

} else {

$("#gridTable")jqGrid("addRowData", rowid, dataRow, "last");

}

})

/ 设置删行按钮的click事件处理 /

$("#removeButton")bind("click", function() {

var selectedId = $("#gridTable")jqGrid("getGridParam","selrow");

if(!selectedId){

alert("请选择要删除的行");

return;

}else{

$("#gridTable")jqGrid("delRowData", selectedId);

}

})

问题1：JQGRID 编辑模式下怎样取行数据？

用户 *** 作模拟：用户新增一行，鼠标点进去，该行进入编辑状态，填写数据，点击保存。

问题出现了： 点击保存以后，需要通过getRowData()获取表格里的数据传回后台，但是当行在编辑状态下时，getRowData()取得的值为类似<input ></input> 的html标签，不是编辑框中输入的值。

解决办法：

alert getRowData()获取出的数据，你会发现<input>标签的id是5_age, 6_age之类的，也就是行id+“_colModel name”,这就好办了，

做法就是找到编辑行的单元格的id，然后得到单元格里的内容，通过"setRowData"将其保存起来，然后再通过getRowData()取值。

示例：

var selectedId = $('#gridTable')jqGrid("getGridParam", "selrow");

var ageId = selectedId + "_age";

var sexId = selectedId + "_sex";

var age= $('#'+ageId)val();

var sex= $('#'+sexId)val();

$('#gridTable')jqGrid('setRowData',selectedId,{age:age,sex:sex},'');

　 再通过getRowData（）取值，结果正确。

colNames=$("#UsersGrid")jqGrid('getGridParam','colNames')colModel=$("#UsersGrid")jqGrid('getGridParam','colModel') 楼主去学下调试工具，firebug或者chrome的开发工具，看结构就知道了

在对getRowData声明：当你在编辑行或单元格做。这将返回单元格内容和输入的不是实际工作值当您拨打该行仍正在编辑getRowData()？更新同意，jqGrid的不处理非常好。在我的应用我其实是能够得到解决这个不指定一个编辑选项（意思是，键/值均为“联邦快递”）;翻译为ID，然后在服务器上完成。这是不正确的方式来编写这一点，但它的工作不够好，我的需求2你要设置列的格式为'选择'例如，从维基：colModel：[{的EditType：“选择”，格式：'选择'，editoptions：{值：“1：一个2：两个”}}]查看在这里jqgridwiki我有这个问题，这个工作就像一个charisma3我刚解决了这个问题，设置JQGrid的非格式化选项下面的函数用于非格式的单元格值。functionUnformat_Select(cellvalue,options,cellobject){varunformatValue='';$each(optionscolModeleditoptionsvalue,function(k,value){if(cellvalue==value){unformatValue=k;}});returnunformatValue;}该会被调用时，电网需要的时候你所说的“getRowData”法像单元格数据。不过，我的功能只支持键-值配对的编辑选项。你需要改变你的数据，如下面的模式。editoption:{value:{FE:'FedEx',IN:'InTime',TN:'TNT'}}有关非格式化选项，您可以通过以下链接看到。JQGrid的维基-自定义格式化PS。它是可以修改我的功能，支持客户端的DropDownList值。但我认为这是不可能的，应用此功能的服务器端DropDownList的值。更新在最新的jqGrid的381，我刚刚发现的bug取消编辑行（或编程方式调用“restoreRow”的方法），jqGrid的将创建数据的标识键（而不是数据的值）。我创建下面的函数来解决这个问题。这一点，你必须将其作为本专栏的自定义格式化功能。这个函数单元格的值映射到列表键或值的价值。functionJqGridInlineEditor_SelectFormatter(cellvalue,options,rowObject){vartemp='';$each(optionscolModeleditoptionsvalue,function(key,value){if(cellvalue==key||cellvalue==value){temp=value;returnfalse;}});returntemp;}所以，你可以发送键或值作为列数据由上述定义格式呈现。

以上就是关于JQGRID CELLEDIT 编辑模式下怎样取行数据全部的内容，包括:JQGRID CELLEDIT 编辑模式下怎样取行数据、jqGrid如何通过点击单元格的值来获取当前单元格的行标题与列标题、jqGrid 5.1.1 getRowData获取所有行总是少一条的问题等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！