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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM