ユーザーが特定の行をクリックすると、その行の詳細がポップアップに表示されます...
これは私の見解での私のjqueryコードです
<table id="list" class="scroll" cellpadding="0" cellspacing="0" width="175"></table>
<script type="text/javascript">
$(function () {
jQuery("#list").jqGrid({
url: '/Home/GetStudents/',
datatype: 'json',
mtype: 'POST',
colNames: ['StudentID', 'FirstName', 'LastName', 'Email'],
colModel: [
{ name: 'StudentID', index: 'StudentID', width: 150, align: 'center',sortable:false },
{ name: 'FirstName', index: 'FirstName', width: 150, align: 'center', sortable: true },
{ name: 'LastName', index: 'LastName', width: 150, align: 'center', sortable: false },
{ name: 'Email', index: 'Email', width: 200, align: 'center', sortable: false}],
pager: jQuery('#pager'),
width:750,
rowNum: 15,
rowList: [5, 10, 20, 50],
sortname: 'StudentID',
sortorder: "asc",
viewrecords: true,
caption: ' My First JQgrid'
});
});
</script>