Forum
Log In
Home
Topic RSS
03:25
12/03/2011
Offline
Dear all
I want to nagivate the grid when user click on the row so i write code look like below. but it does not work.
The data load so greate but the The setGridParam may be does not work
Please help me. Thank you in advance
<script type="text/javascript">
jQuery(document).ready(function () {
jQuery("#list").jqGrid({
url: '/Customer/Customer/GetGridData/',
datatype: 'json',
editurl: 'abc',
mtype: 'GET',
colNames: ['Dates', 'References', 'Information', 'Content', 'Currency', 'Amount'],
colModel: [
{ name: 'AccountNumber', index: 'AccountNumber', width: 90, align: 'left' },
{ name: 'ContactName', index: 'ContactName', width: 150, align: 'left' },
{ name: 'Address', index: 'Address', width: 200, align: 'left' },
{ name: 'City', index: 'City', width: 150, align: 'left' },
{ name: 'PostalCode', index: 'PostalCode', width: 70, align: 'center' },
{ name: 'Amount', index: 'Amount', width: 150, align: 'left' }
],
height: 500,
pager: jQuery('#pager'),
rowNum: 50,
rowList: [6, 10, 20, 50],
sortname: 'AccountNumber',
sortorder: "asc",
viewrecords: true,
imgpath: '/scripts/themes/steel/images',
caption: 'This is the caption',
}).navGrid(pager, { edit: false, add: false, del: false, refresh: true, search: true });
$('#list').setGridParam({
onSelectRow: function(id) {
window.location='http://google.com';
}
});
});
</script>
</header>
<body>
<table id="list" class="scroll" cellpadding="0" cellspacing="0" width="100%">
</table>
<div id="pager" class="scroll" style="text-align: center;"/>
</body>
Most Users Ever Online: 715
Currently Online:
191 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
