获取jqgrid有多条行数据

选中一行可以用这样获得:

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

var rowData = $("#manager_list")jqGrid("getRowData", selectedId);

var selectedIds = $("#manager_list")jqGrid("getGridParam", "selarrrow");

先通过这一句获得所有选中的ids, 然后根据ids得到所有选中的记录

示例：

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（）取值，结果正确。

Copyright © 1999-2020, CSDNNET, All Rights Reserved

打开APP

Tianya_追心

关注

jgGrid实现 左移、右移、上移、下移 转载

2018-06-21 15:52:05

1点赞

Tianya_追心

码龄10年

关注

摘要：

最近在项目需求中通过jqGrid实现表格中的数据：左移、右移、上移、下移和置顶 等 *** 作。

下面记录实现的方法。

1

2

3

下面是代码片段：

右移（其实就是向一个grid容器中插入一行数据）：

//这个方法是获取ztree节点内容，插入到grid表中

function BindBtnRightMethod() {

//获取ztree对象

var zTreeObj = $fnzTreegetZTreeObj("ztreeId");

//获取光标选中的tree节点

var selectedNodes = zTreeObjgetSelectedNodes();

if (selectedNodeslength == 0) {

$modalAlert(" *** 作失败！未选中节点。");

return; } else {

//新增一行

var data = { KSID:"10", FLKSID:"101", KSMC: "消化科" };

addRowDataByGridElementId("jqGridId", data); }}

//摘要：//内容：向grid表中添加一行记录

function addRowDataByGridElementId(id, data) {

//获取当前grid中的表ID集合

var jqGrid = $('#' + id); var IDs = jqGridgetDataIDs();

//定义标量，记录IDs中的rowid的最大值

var maxId = 0; if (IDslength > 0) {

for (var i = 0; i < IDslength; i++) {

var tmpId = jqGridgetInd(IDs[i]);

if (maxId < tmpId) {

maxId = tmpId;

} } }

//这里是在给新增的rowid自定义一个有序值

var rowid= maxId + 1;

//执行新增 *** 作

jqGridaddRowData(rowid, data, rowid);

}

左移（其实是从grid表中删除一行）：

//摘要：//内容：按钮左移

function BindBtnLeftMethod() {

//删除选中行

var rowid = $("#jqGridId")jqGrid('getGridParam', 'selrow');

if (rowid == "" || rowid == undefined || rowid == null) {

$modalAlert("移除行未选中！");

return; } else {

var flag = $("#jqGridId")jqGrid("delRowData", rowid);

if (!flag) {

$modalAlert("移除 *** 作失败！");

}

}}

上移：

//摘要：

//内容：按钮上移

function BindBtnUpMethod() {

    var obj = $("#jiGouGridList");

    var IDs = objgetDataIDs();

    var rowid = objjqGrid('getGridParam', 'selrow');

    if (rowid == "" || rowid == null || rowid == undefined) {

        $modalAlert("未选中行！");

        return false;

    }

    var rowIndex = getRowIndexByRowId(IDs, rowid);

    if (rowIndex == 0) {

        $modalAlert('已经置顶，不能上移!');

    } else {

        var srcrowid = getRowIdByRowIndex(IDs, rowIndex - 2);

        var rowUpId = getRowIdByRowIndex(IDs, rowIndex - 1);

        var rowData = objjqGrid('getRowData', rowid);

        var rowUpData = objjqGrid('getRowData', rowUpId);

        //删除当前行

        objdelRowData(rowid);

        objdelRowData(rowUpId);

        //新插入一行

        objaddRowData(rowid, rowData, "after", srcrowid);

        objaddRowData(rowUpId, rowUpData, "after", rowid);

        //默认再选中新增的这个行

        objsetSelection(rowid);

    }

}

//摘要：

//内容：根据rowid，获取索引值

function getRowIndexByRowId(Ids, id) {

    var index = 0;

    for (var i = 0; i < Idslength; i++) {

        if (Ids[i] == id) {

            index = i;

        }

    }

    return index;

}

//摘要：

//内容：根据索引值获取rowid值

function getRowIdByRowIndex(Ids, index) {

    var rowid = "";

    for (var i = 0; i < Idslength; i++) {

        if (i == index) {

            rowid = Ids[i];

        }

    }

    return rowid;

}

下移：

//摘要：

//内容：按钮下移

function BindBtnDownMethod() {

    var obj = $("#jqGridId");

    var IDs = objgetDataIDs();

    var rowid = objjqGrid('getGridParam', 'selrow');

    if (rowid == "" || rowid == null || rowid == undefined) {

        $modalAlert("未选中行！");

        return false;

    }

    var rowIndex = getRowIndexByRowId(IDs, rowid);

    if (rowIndex == (IDslength - 1)) {

        $modalAlert('已经置底，不能下移!');

    } else {

        var srcrowid = getRowIdByRowIndex(IDs, rowIndex - 1);

        var rowDownId = getRowIdByRowIndex(IDs, rowIndex + 1);

        var rowData = objjqGrid('getRowData', rowid);

        var rowDownData = objjqGrid('getRowData', rowDownId);

        //删除当前行

        objdelRowData(rowid);

        objdelRowData(rowDownId);

        //新插入一行

        objaddRowData(rowDownId, rowDownData, "after", srcrowid);

        objaddRowData(rowid, rowData, "after", rowDownId);

        //默认再选中新增的这个行

        objsetSelection(rowid);

    }

}

打开CSDN APP，看更多技术内容

ListBox实现上移,下移,左移,右移的简单实例

主要介绍了ListBox实现上移,下移,左移,右移的简单实例。需要的朋友可以过来参考下，希望对大家有所帮助

JS与jQuery实现ListBox上移,下移,左移,右移 *** 作功能示例

主要介绍了JS与jQuery实现ListBox上移,下移,左移,右移 *** 作功能,涉及javascript与jQuery的事件响应、页面元素动态 *** 作等相关实现技巧,需要的朋友可以参考下

易语言汇编实现左移右移模块

易语言汇编实现左移右移模块源码系统结构:asm_rol,asm_ror,asm_rcl,asm_rcr,asm_shl,asm_shr,asm_not, ======程序集1 || ||------_启动子程序 || ||------_临时子程序 || ||------asm_rol || ||------asm_ror || ||-

易语言源码易语言汇编实现左移右移模块源码rar

Action里面：

private PromotionManageTo promotionManageTo;

private List<PromotionManageTo> productClass;

get…

set…

SqlMaps里面：

<select resultClass="promotionManagePromotionManageTo">

……

</select>

JSP里面：

<s:iterator value="productClass" status="productClassLength">

<td>

<input type="checkbox" name="promotionManageToproductId" value="<fs:property value="productId"/>" <c:if test="${fn:containsIgnoreCase(promotionManageToproductId, productId)}">checked="checked"</c:if> />

</td>

</s:iterator>

以上就是关于获取jqgrid有多条行数据全部的内容，包括:获取jqgrid有多条行数据、JQGRID CELLEDIT 编辑模式下怎样取行数据、jqgrid设置某列靠右等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！