jqgrid にデータを追加したいので、ユーザーが [もっと見る] ボタンをクリックすると、JSON リクエストを介して取得された追加データが読み込まれます。
HTML
<div id="SeeMoreSearchResultsDiv" class="scroll" style="text-align: center;">
<div id="ancSearchResultsSeeMore" class="grayButton" style="float: left; left: 350px;"> <ul>
<li class="ltImg"></li>
<li><a href="#" onclick="seeMoreFunction()">See more</a></li>
<li class="rtImg"></li>
</ul> </div>
</div>
これが私のグリッドです
jQuery("#SearchResultDataGrid").jqGrid({
url: updatedURL,
datatype: "json",
ajaxGridOptions: { contentType: "application/json" },
jsonReader: {
id: "CTSID",
cell: "",
root: function (obj) { return obj.Results; },
page: function () { return 1; },
total: function (obj) { return obj.Count; },
records: function (obj) { return obj.length; },
repeatitems: false
},
colNames: ['CTS ID', 'Name', 'City', 'Type', 'Status', 'Platinum ID', 'RSM Group Code'],
colModel: [{ name: 'CTSID', index: 'CTSID', width: 40, align: "center" },{ name: 'CustomerName', index: 'CustomerName', width: 150, align: "center" }, { name: 'CityAndState', index: 'CityAndState', width: 90, align: "center" }, { name: 'CustomerTypeName', index: 'CustomerTypeName', width: 50, align: "center" }, { name: 'CustomerStatusName', index: 'CustomerStatusName', width: 50, align: "center" }, { name: 'PlatinumID', index: 'PlatinumID', width: 50, align: "center" },{ name: 'RSMGroupCode', index: 'RSMGroupCode', width: 100, align: "center" }],
pager: false,
rowNum: -1,
// rowList:[25,50,75,100],
sortorder: "asc",
autowidth: true,
viewrecords: true,
shrinkToFit: true,
rownumbers: false,
clearGridriData: false,
gridview: true,
caption: false});
そして、これが私がそれを呼んでいる方法です
function seeMoreFunction() {
page = page + 1; updatedURL = updateSearchString(" "); refreshGrid();
}
function refreshGrid()
{ $('#SearchResultDataGrid').setGridParam({ url: null }); $('#SearchResultDataGrid').setGridParam({ url: updatedURL }); $('#SearchResultDataGrid').trigger('reloadGrid');
}
JSON リクエストを確認しましたが、それらは正しいのですが、問題は既存のデータに追加できないことです。clearGridData を無効にしました。
どんな助けでも大歓迎です。