jqgrid 编辑行、新增行、删除行、保存行

编辑行：$("#jqGrid").jqGrid('editRow', rowKey);

删除行：$("#jqGrid").delGridRow(rowKey);

新增行：$("#jqGrid").addRowData(rowId, {}, rowInd);//新增一个空行

保存行：$("#jqGrid").jqGrid('saveRow',rowKey);

---

 以下分别给出几个用到以上函数的自定义方法：

        function startEdit() {
            var grid = $("#jqGrid");
            var ids = grid.jqGrid('getDataIDs');

            for (var i = 0; i < ids.length; i++) {
                grid.jqGrid('editRow', ids[i]);
            }
        }

        function saveRows() {
            var grid = $("#jqGrid");
            var ids = grid.jqGrid('getDataIDs');

            for (var i = 0; i < ids.length; i++) {
                grid.jqGrid('saveRow', ids[i]);
            }
        }

            function addRow() {
                // 选中行rowid
                var rowId = $("#jqGrid").jqGrid('getGridParam', 'selrow');

                // 选中行实际表示的位置
                var ind = $("#jqGrid").getInd(rowId);
                // 新插入行的位置
                var newInd = ind + 1;
                $("#jqGrid").addRowData(rowId + 1, {}, newInd);
            }

            function editRow() {
                var grid = $("#jqGrid");
                var rowKey = grid.getGridParam("selrow");
                if (rowKey) {
                    grid.editGridRow(rowKey, { closeAfterEdit: true });
                }
                else {
                    alert("No rows are selected");
                }
            }

            function delRow() {
                var grid = $("#jqGrid");
                var rowKey = grid.getGridParam("selrow");
                if (rowKey) {
                    grid.delGridRow(rowKey);
                }
                else {
                    alert("No rows are selected");
                }
            }

View Code

 

转载于:https://www.cnblogs.com/senyier/p/7323816.html