springMVC和easyUI结合使用(前后台通过json传递数据)的实例

1.首先，页面引入easyUI文件

<link rel="stylesheet" href="/js/easyui/themes/default/easyui.css">
<link rel="stylesheet" href="/js/easyui/themes/icon.css">
<script type="text/javascript" src="/js/easyui/jquery.min.js"></script>
<script type="text/javascript" src="/js/easyui/jquery.easyui.min.js"></script>
<script type="text/javascript" src="/js/easyui/locale/easyui-lang-zh_CN.js"></script>

2.页面中js代码如下

<script type="text/javascript">

$(function(){
	$("#stuTable").datagrid({
		idField:'id',
		columns:[[
		      {field:'ck',checkbox:'true',width:10,align:'center'},
		      {field:'createTime',title:'申请日期',width:50,align:'center'},
		      {field:'xcode',title:'申请编号',width:50,align:'center'},
		      {field:'stucode',title:'发票号',width:50,align:'center'},
		      {field:'status',title:'状态',width:50,align:'center',
		    	  formatter:function(value,row,index){
		    		  switch(value) {
		    		  	case 0:
		    		  		return '上学';
		    		  		break;
		    		  	case 1:
		    		  		return '毕业';
		    		  		break;
		    		  	case 2:
		    		  		return '入学';
		    		  		break;
		    		  	default:
	    		  			return '查看';