I am a beginner when it comes to MVC, jQuery, and jqGrid. I have been struggling for the past couple of days trying to figure out how to redirect to another page when the user clicks the add button. Additionally, I need to perform the same action when the edit button is clicked, but first, I must call a JavaScript function to check if the requested row can be edited.
Any assistance would be greatly appreciated.
Below is the code snippet I used to build the jqGrid:
var jqDataUrl = "Account/LoadBaseData";
$(document).ready(function () {
// Setting up the jquery grid
$("#ListTable").jqGrid({
// Ajax configurations
url: jqDataUrl,
datatype: "json",
mtype: "POST",
// Column names
colNames: ["Bank","Account No","Account Name"],
// Column settings
colModel: [ { name: "BankReference", index: "BankReference", width: 40, align: "left"}, { name: "AccountNo", index: "AccountNo", width: 40, align: "left"}, { name: "AccountName", index: "AccountName", width: 40, align: "left"}],
// Grid dimensions
width: 850,
height: 400,
// Pagination
toppager: true,
pager: $("#ListTablePager"),
rowNum: 14,
viewrecords: true,
// Grid caption
caption: "BankAccount List",
editurl: "/GridDemo/GridSave",
}).navGrid("#ListTablePager",
{ refresh: true, add: true, edit: true, del: true},
{ }, // edit settings
{}, // add settings
{}, // delete settings
{sopt: ["cn"]}
);
});
Your help in this matter would be highly valuable.