常规的datagrid使用,每行会有一个隐藏域,标识这条记录的ID。
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<title>Insert title here</title>
<jsp:include page="common.jsp"></jsp:include>
<script type="text/javascript">
$(function(){
$('#dg').datagrid({
url:'DataGridServlet',
width:600,
fitColumns:true,
idField:"code",//特殊的field,不会展示,相当于隐藏字段
rownumbers:true,
//idField:"name",可以多个idField
columns:[[
{
field : 'ck',
checkbox : true
},
{field:'name',title:'Name',width:100},
{field:'price',title:'Price',width:100},
{field:'birth',title:'Birth',width:100,align:'right'}
]],
queryParams : {
"user.para1" : 'avalue',
"user.para2" : "bvalue"
},
pagination:true,
pageSize:10,
onDblClickRow:function(index){
var selectedRow=$('#dg').datagrid('getSelected');
if(selectedRow){
$.messager.alert('Info','Code:'+selectedRow.code+"<br/>"+'Name:'+selectedRow.name
+"<br/>"+'Price:'+selectedRow.price+"<br/>"+'Birth:'+selectedRow.birth);
}
}
});
});
</script>
</head>
<body>
<table id="dg" ></table>
</body>
</html>