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

JQGRID CELLEDIT 编辑模式下怎样取行数据,第1张

示例:

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()取值,结果正确。

是要把selarrrow的所以id传给服务器端么?定义onclickSubmit函数时返回所以的id就行,如

onclickSubmit:function(re,postd){

var gr = jQuery("#list")getGridParam('selarrrow');

return {ids:gr};

}

在服务端接收ids参数的值就行,值的形式是1, 2, 3, 4 这样的然后自己到服务器进行处理就行

定义一个全局变量sid,初始化jqgrid时加

onSelectRow: function(ids) {

sid = ids;

},

gridComplete: function(){

if(sid){

$(this)jqGrid("setSelection",sid);

}

}

这样在选择行是记录了行id并赋予sid,再刷新jqgird后在complete中判读是否选中过,选中过就选择刚才选择的行

onSelectRow: function (rowid, status) {

function();

},

onSelectAll: function (aRowids, status) {

function();

},

试试这两个方法,第一个是选择单行,第二个是选择所有的,用过的人应该了解,加在jqGrid的属性里面使用,

rowid是选择的当前行的Id,

aRowids是所有行的id,

status是选中行的状态,是选中还是没选择,

希望对你有用。

查看这个object对象里面的元素,是否有主键,有的话直接(object主键)这样就能出来

而且你这里var model = IqualityMeetionRepositoryGet(id);

ViewBagCaption = "修改";

return View(model);返回的就是对象不是主键值。

grid中定义 rownumbers: true

var ids = $("#gridid")jqGrid('getDataIDs');

$each(ids, function(i, id){

$("#gridid")getCell(id,'rn'); //这个就是序号了

});

以上就是关于JQGRID CELLEDIT 编辑模式下怎样取行数据全部的内容,包括:JQGRID CELLEDIT 编辑模式下怎样取行数据、在jqgrid 中 selarrrow获得的多行数据ID怎么传到editurl、jqgrid调trigger("reloadGrid")刷新列表后,接着调用.setSelection(66)及选中id为66的行,没有启动做用等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/10173734.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-06
下一篇2023-05-06

发表评论

登录后才能评论

评论列表(0条)

    保存