ssm整合3.easyui
【摘要】
<link rel="stylesheet" type="text/css" href="easyui/themes/default/easyui.css"> <link rel="stylesheet" type="text/css" href="easyui/themes/icon.css"> <...
-
<link rel="stylesheet" type="text/css" href="easyui/themes/default/easyui.css">
-
<link rel="stylesheet" type="text/css" href="easyui/themes/icon.css">
-
<script type="text/javascript" src="easyui/jquery-1.8.3.min.js"></script>
-
<script type="text/javascript" src="easyui/jquery.easyui.min.js"></script>
<!--需要在head里面添加easyui的引用-->
-
<body>
-
数据条数：${size }
-
<table id="dg" class="easyui-datagrid" toolbar="#tb"
-
fitColumns="true" rownumbers="true" pagination="true"
-
title="员工列表" style="width:700px;height:250px"
-
data-options="singleSelect:true,collapsible:true,
-
url:'emp.json',method:'get'">
-
<thead>
-
<tr>
-
<th data-options="field:'empno',width:180">编号</td>
-
<th data-options="field:'ename',width:120">姓名</td>
-
<th data-options="field:'sal',width:180">工资</td>
-
<th data-options="width:200">操 作</th>
-
</tr></thead>
-
</table>
-
</body>
fitColumns="true" rownumbers="true" pagination="true"
title="员工列表" style="width:700px;height:250px"
data-options="singleSelect:true,collapsible:true,
url:'emp.json',method:'get'">
<thead>
<tr>
<th data-options="field:'empno',width:180">编号</td>
<th data-options="field:'ename',width:120">姓名</td>
<th data-options="field:'sal',width:180">工资</td>
<th data-options="width:200">操 作</th>
</tr></thead>
</table>
</body>
<!--注意field是对应json的数据-->
//控制器代码
@RequestMapping("/json") @ResponseBody public List<Emp> getEmps(){ List<Emp>empList=service.getList(); return empList; }
不使用json格式，自己写循环操作。
-
<table class="easyui-datagrid" title="Basic DataGrid" style="width:700px;height:250px"
-
data-options="method:'get',singleSelect:true">
-
<thead>
-
<tr>
-
<th data-options="field:'t1',width:80">编号</th>
-
<th data-options="field:'t2',width:100">产品</th>
-
<th data-options="field:'t3',width:80,align:'right'">价格</th>
-
<th data-options="field:'t4'">操作</th>
-
</tr>
-
</thead>
-
<!-- 写循环; -->
-
<c:forEach items="${list }" var="emp">
-
<tr>
-
<td>${emp.empno }</td>
-
<td>${emp.ename }</td>
-
<td>${emp.sal }</td>
-
<td>
-
<a href='emp/toAddEmp'>增加</a>
-
<a href='emp/getEmp/${emp.empno}'>编辑</a>
-
<a href='emp/${emp.empno}/deleteEmp'>删除</a>
-
<a href='emp/deleteEmp2?empno=${emp.empno}'>删除2</a>
-
</td>
-
</tr>
-
</c:forEach>
-
</table>
文章来源: aaaedu.blog.csdn.net，作者：tea_year，版权归原作者所有，如需转载，请联系作者。
原文链接：aaaedu.blog.csdn.net/article/details/70943567
【版权声明】本文为华为云社区用户转载文章，如果您发现本社区中有涉嫌抄袭的内容，欢迎发送邮件进行举报，并提供相关证据，一经查实，本社区将立刻删除涉嫌侵权内容，举报邮箱：
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
评论（0）