Jqgrid 重新加载不起作用
在我的jqGrid中,我使用multiselect参数,因此每行上都有一个复选框。 网格显示一个列表,其中每一行都具有“打开”状态。可检查多行,单击“关闭分包商的故障”按钮时,所有勾选的条目将被分配一个新的“关闭”状态。 由于该网格仅显示“打开”条目,因此需要重新查询数据库,并显示新的打开条目列表。 为此,网格需要重新加载新数据。 当前,重新加载网格不工作,显示的数据与以前相同Jqgrid 重新加载不起作用,jqgrid,free-jqgrid,Jqgrid,Free Jqgrid,在我的jqGrid中,我使用multiselect参数,因此每行上都有一个复选框。 网格显示一个列表,其中每一行都具有“打开”状态。可检查多行,单击“关闭分包商的故障”按钮时,所有勾选的条目将被分配一个新的“关闭”状态。 由于该网格仅显示“打开”条目,因此需要重新查询数据库,并显示新的打开条目列表。 为此,网格需要重新加载新数据。 当前,重新加载网格不工作,显示的数据与以前相同 $(function () { getDataForGrid(populateGrid); }); var
$(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
。只有在更改参数(不是数组)时,才应该使用该方法。您当前的代码将旧的数据
与新的数据合并(请参见调用的深度版本的setGridParam
的代码)。对于数组,应使用setGridParam
的第二个(overwrite
)参数:
var reloadGridWithUpdateData=函数(数据){
风险值网格=$(“#网格”);
jqGrid(“setGridParam”,{data:data},true);
触发器(“重新加载网格”);
}
或者根本不使用setGridParam
。方法getGridParam
为内部对象提供引用,该对象保存所有参数。它允许以非常简单的方式替换(覆盖)任何参数:
var reloadGridWithUpdateData=函数(数据){
变量网格=$(“#网格”),
p=grid.jqGrid(“getGridParam”);//获取对所有参数的引用
p、 data=data;//替换数据参数
触发器(“重新加载网格”);
}
谢谢你。奥列格又一次来营救了!