js控件(1)easyui datagrid

半世苍凉 提交于 2019-12-27 05:26:17

1.文件结构:
文件结构
2.示例:
datagrid.html

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script src="dist/easyui/jquery.min.js" type="text/javascript"></script>
<script src="dist/easyui/jquery.easyui.min.js" type="text/javascript"></script>
<link href="dist/easyui/themes/default/easyui.css" rel="stylesheet" />
</head>
<body>
	<table id="dg"></table>
	<script type="text/javascript">
		$('#dg').datagrid({
			url : 'user/page.do',
			pagination : true,
			columns : [ [ {
				field : 'id',
				title : '编号'
			}, {
				field : 'name',
				title : '用户名'
			} ] ]
		})
	</script>
</body>
</html>

3.效果:
效果
over.

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!