jqGrid single selection
by bizamajig
HTML
<script src="http://trirand.com/blog/jqgrid/js/i18n/grid.locale-en.js"></script>
<script src="http://trirand.com/blog/jqgrid/js/jquery.jqGrid.min.js"></script>
<link rel="stylesheet" href="http://trirand.com/blog/jqgrid/themes/redmond/jquery-ui-1.8.1.custom.css">
<link rel="stylesheet" href="http://trirand.com/blog/jqgrid/themes/ui.jqgrid.css">
<table id="grid"></table>
<div id="pager"></div>
<br />
JavaScript
$('#grid').jqGrid(
{
url:'http://bizamajig.com/json.asp',
datatype: "json",
colNames: ['project_id', 'project_name', 'location_desc__cpoc', 'begin_date', 'target_decision_date', 'event_start_date__time', 'event_end_date__time'],
colModel: [{
name: 'project_id',
index: 'project_id',
jsonmap: '@attributes.project_id',
width: 50,
align: 'left',
sorttype: 'int',
sortable: false
},
{
name: 'project_name',
index: 'project_name',
jsonmap: '@attributes.project_name',
width: 50,
align: 'left',
sorttype: 'char',
sortable: false
},
{
name: 'location_desc__cpoc',
index: 'location_desc__cpoc',
jsonmap: '@attributes.location_desc__cpoc',
width: 50,
align: 'left',
sorttype: 'char',
sortable: false
},
{
name: 'begin_date',
index: 'begin_date',
jsonmap: '@attributes.begin_date',
width: 50,
align: 'right',
sorttype: 'date',
sortable: false
},
{
name: 'target_decision_date',
index: 'target_decision_date',
jsonmap: '@attributes.target_decision_date',
width: 50,
align: 'right',
...