Solutions to problems that may occur when dynamically displaying jqGrid and jqGrid's attribute settings under jquery_jquery

Generally, there are several commonly used basic properties of a jqGrid.

Copy code The code is as follows:

$("#id").jqGrid({
url: "",
datatype: "local",
postData: { strJson: Data },
mtype: "post",
height: 45,
width: 450,
rowNum: rum, //Number of records per page
pgtext: "Page {0} of {1}",
pgbuttons: true,
autoheight: true,
rownumbers : false, // Whether to display the number of rows
pgbuttons: true, // Whether to display the paging button
pginput: true, // Whether to allow input of the number of paging pages
scrollrows: false, // Whether to display row scrolling Bar
viewrecords: true, // Whether to display the total number of records
multiselect: true, // Whether to display the check box
recordpos: "left", // Display position of the number of records
sortorder: " asc", //Sort method
pager: "#Pager"

)}

During initialization, if you do not want to execute the initialization method of the table, you need to set the url It is empty and the datatype is set to "local", otherwise there will be a js error and the button button on the page will not work.

If you need to initialize the table at the beginning, you need to set the value of the url. Under the .net mvc architecture, that is, in the format of "/controller/action/", the first "/" is required Otherwise, you cannot enter the background action. The last "/" does not seem to be necessary, and is usually added. After setting the url, another thing to note is that the datatype must match the data type of postData, otherwise there will be errors. For example, datatype: "json", then postData needs to pass a json object.

If you want to dynamically perform table initialization, you do not need to set the url value at the beginning, and set the datatype to "local" (otherwise an error will be reported). Then dynamically trigger jqGrid's initialization action.

For example, to trigger after double-clicking in a table, the code is as follows:

Copy code The code is as follows:

//Double-click row event
ondblClickRow: function () {
courseData = JSON.stringify({
stuNum: studentNum,
rowNum: rum,
page: 1
});
jQuery("#courseInfoGrid").jqGrid("setGridParam", {
url: "/PersonalArrearsSettlement/GetStudentCourseInfo", //Set the url of the table
datatype: "json ", //Set the data type
postData: { strJson: courseData }
});

 This way you can dynamically display the table data.