Forum
Log In
Home
Topic RSS
Related Topics
22:39
15/09/2012
Offline
Hello ,
I am new with jqrid i am trying to bind the data to jqrid with no success
Here is my html page:
notice that ths json data is static i am not using any server code side
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<link rel="stylesheet" type="text/css" media="screen" href="css/redmond/jquery-ui-1.7.2.custom.css" />
<link rel="stylesheet" type="text/css" media="screen" href="css/ui.jqgrid.css" />
<script src="JavaScript/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="JavaScript/grid.locale-en.js" type="text/javascript"></script>
<script src="JavaScript/jquery.jqGrid.min.js" type="text/javascript"></script>
<script src="JavaScript/json2-min.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript">
var gridJson = { page: 1, total: 2, records: 10, rows:
[
{ Id: 0, Label: "Custom Field 1"},
{ Id: 1, Label: "Custom Field 2" },
{ Id: 2, Label: "Custom Field 3" },
{ Id: 3, Label: "Custom Field 4" },
{ Id: 4, Label: "Custom Field 5" }
]
};
function dataBindToGrid()
{
//setup the grid
$("#myGrid").jqGrid({
datatype: 'json',
datastr: gridJson,
colNames: ['Id', 'Custom Field Name', 'Action'],
colModel: [
{ name: 'Id', index: 'Id', hidden: false, classes: 'id' },
{ name: 'Label', index: 'Label', width: 500 },
{ width: 132, sortable: false, classes: 'action', align: 'center' }
],
pager: jQuery('#pager'),
jsonReader:
{
repeatitems: false
},
width: 832,
height: "100%",
scrollOffset: 20,
rowNum: 10,
rowList: [10, 15, 20, 25],
sortname: 'Label',
sortorder: "asc",
viewrecords: true,
hoverrows: false,
caption: "",
beforeSelectRow: function (rowid, e) { return false; } //this disables row being highlighted when clicked
});
}
jQuery(document).ready(function () {
jQuery("input#LoadData").live("click", dataBindToGrid);
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<table id="myGrid"></table>
<div id="pager"></div>
<input type="button" id="LoadData" value="LoadData" />
</div>
</form>
</body>
</html>
Most Users Ever Online: 715
Currently Online:
45 Guest(s)
Currently Browsing this Page:
1 Guest(s)
Top Posters:
OlegK: 1255
markw65: 179
kobruleht: 144
phicarre: 132
YamilBracho: 124
Renso: 118
Member Stats:
Guest Posters: 447
Members: 11373
Moderators: 2
Admins: 1
Forum Stats:
Groups: 1
Forums: 8
Topics: 10592
Posts: 31289
Newest Members:
, razia, Prankie, psky, praveen neelam, greg.valainis@pa-tech.comModerators: tony: 7721, Rumen[Trirand]: 81
Administrators: admin: 66
