ssm整合3.easyui

最新推荐文章于 2020-06-25 21:47:52 发布

teayear

最新推荐文章于 2020-06-25 21:47:52 发布

阅读量1.1k

点赞数

分类专栏： spring和mybatis 道本自然文章标签：大数据 ssm整合easyiui jsp.easyui mysql mybatis

本文链接：https://blog.csdn.net/zhangchen124/article/details/70943567

版权

道本自然同时被 2 个专栏收录

743 篇文章 40 订阅

订阅专栏

spring和mybatis

51 篇文章 2 订阅

订阅专栏

<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">操&nbsp;&nbsp;作</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">操&nbsp;&nbsp;作</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>