Custom Validation
HTML
<script src="https://code.jquery.com/jquery-1.12.0.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jsgrid/1.4.0/jsgrid.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jsgrid/1.4.0/jsgrid-theme.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jsgrid/1.4.0/jsgrid.min.css">
<div id="jsGrid"></div>
JavaScript
var clients = [
{ Name: "Otto Clay" },
{ Name: "Lacey Hess" },
];
$("#jsGrid").jsGrid({
height: "600px",
width: "100%",
inserting: true,
filtering: true,
editing: true,
sorting: true,
paging: true,
autoload: true,
pageSize: 15,
pageButtonCount: 5,
confirmInserting: true,
insertConfirm: "Do you want to Insert?",
confirmEditing: true,
editingConfirm: "Do you want to Update?",
confirmDeleting: true,
deleteConfirm: "Do you really want to delete the client?",
controller: {
loadData: function() {
return clients;
}
},
fields: [
{ name: "Name", type: "text", width: 150 },
{ type: "control" }
]
});