jqgrid - 重新加载不起作用
问题描述
在我的 jqGrid 中,我使用 multiselect 参数,以便每一行都有一个复选框。网格显示一个列表,其中每一行都具有“打开”状态。可以检查许多行,当单击“关闭分包商的故障”按钮时,所有勾选的条目将被分配一个新的“关闭”状态。由于此网格仅显示“打开”条目,因此需要重新查询数据库并且需要显示打开条目的新列表。为此,需要用新数据重新加载网格。目前 reloadGrid 不工作,显示与以前相同的数据。
$(function () {
getDataForGrid(populateGrid);
});
var populateGrid = function (data) {
var grid = $("#grid");
grid.jqGrid({
data: data,
multiselect: true,
colNames: ["Category", "Description", "Opened", "Urgency", "Location"],
colModel: [
{ name: "category", index: "category", width: 200, align: "left" },
{ name: "description", index: "description", width: 200, align: "left" },
{
name: "dateOpened",
index: "dateOpened",
width: 100,
align: "left",
formatter: "date",
formatoptions: { newformat: "d-M-Y" }
},
{ name: "urgency", label: "urgency", width: 200, align: "left" },
{ name: "location", label: "location", width: 100, align: "left" }
],
//guiStyle: "bootstrap",
prmNames: { id: "faultId" },
localReader: { id: "faultId" },
cmTemplate: { autoResizable: true },
rowNum: 20,
pager: "#pager",
shrinkToFit: true,
rownumbers: true,
sortname: "category",
viewrecords: true
}).jqGrid("gridResize")
.navGrid("#pager", {
edit: false,
add: false,
del: false,
search: false,
refresh: false
}).navButtonAdd("#pager",
{
caption: "Close Faults from Subcontractor",
buttonicon: "ui-icon-circle-check",
position: "first",
title: "Blue Button",
onClickButton: function () {
var pdfFile = $("#documentName").val();
if (pdfFile === undefined || pdfFile === null || pdfFile.length === 0) {
errorValidationMessage("You must upload a Subcontractor's confirmation pdf first before closing faults");
return false;
}
var selRowIds = grid.jqGrid("getGridParam", "selarrrow");
if (selRowIds.length === 0) {
errorValidationMessage("You did not select any faults to close");
return false;
}
var contractSubcontractorId = GetHiddenField("sir-contract-subcontractor-id");
var documentName = pdfFile.replace(/\\/g, "/").replace(/.*\//, "");
var url = GetHiddenField("sir-close-faults-from-subcontractor-url");
var postData = JSON.stringify({ faultIds: selRowIds, contractSubcontractorId: contractSubcontractorId, documentName: documentName });
var callback = reloadGrid;
dataService.putData(url, postData, callback);
}
});
$("#divLoading").hide();
}
var getDataForGrid = function (callback) {
var url = GetHiddenField("sir-get-open-faults-list");
dataService.getList(url, callback);
}
var reloadGrid = function () {
showSuccessMessage("Selected Properties Closed");
getDataForGrid(reloadGridWithUpdatedData);
}
var reloadGridWithUpdatedData = function (data) {
var grid = $("#grid");
grid.jqGrid("setGridParam", { data: data });
grid.trigger("reloadGrid", data);
}
解决方案
在我看来,您的问题的原因在于使用setGridParam
. 仅当您更改不是数组的参数时,才应使用该方法。您当前的代码将旧代码与新代码合并data
(参见代码的主行setGridParam
,它调用了$.extend的深层版本)。如果是数组,您应该使用的第二个 ( overwrite
) 参数setGridParam
:
var reloadGridWithUpdatedData = function (data) {
var grid = $("#grid");
grid.jqGrid("setGridParam", { data: data }, true);
grid.trigger("reloadGrid");
}
或者根本不使用setGridParam
。该方法getGridParam
提供对包含所有参数的内部对象的引用。它允许以非常简单的方式替换(覆盖)任何参数:
var reloadGridWithUpdatedData = function (data) {
var grid = $("#grid"),
p = grid.jqGrid("getGridParam"); // get reference to all parameters
p.data = data; // replace data parameter
grid.trigger("reloadGrid");
}
推荐阅读
- security - 阻止用户使用 AD 组策略上传文件
- python - 如何读取用于训练模型(CNN)的 csv 文件?
- ajax - 如何访问ajax内容中的关系
- python - 如何使用 python imaplib 或其他方式访问我的电子邮件?
- javascript - 如何使用当前 URL 修改 HTML 代码?
- linear-regression - 寻找一个非线性变换矩阵(就像一个有趣的房子镜子)
- database - MariaDB - 10.4.14 Windows 2019 中的静态数据加密
- html - WebStorm Emmet HTML 制作新线
- java - 我想从 web 表中获取带有颜色的文本并使用 selenium web 驱动程序和 apache poi 在 excel 中打印
- spring-webflux - Spring Web Flux - WebClient - exchange - block - 如何释放连接到连接池?