easy ui的grid如何显示java 的list 结果集?

问题描述

我使用，spring mvc 和mybatis 查询的结果是ModeAndView ,通过视图解析器，到jsp页面中，如何将查询的结果正确的显示在easy ui 的表格中

运行环境

jdk7+tomcat7+mysql+eclipse

项目技术(必填)

spring+spring mvc+mybatis+easy ui+jquery

项目截图(必填)

运行截图(必填)

相关代码片段

<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/js/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/js/themes/icon.css">
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/js/demo/demo.css">
<script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery.easyui.min.js"></script>
<script type="text/javascript">
$(function(){
$("#items").datagrid({
url:"${pageContext.request.contextPath }/items/queryItems.action",
title:"lingrui",
columns:[[
{field:'itemsList.name',title:'名称',width:100},
{field:'itemsList.price',title:'价格',width:100},
{field:'itemsList.createdate',title:'日期',width:100}
]],
toolbar:'#toolbar', //表格菜单
loadMsg:'嗖 ----正在火速加载中 -------------', //加载提示
pagination:true, //显示分页工具栏
rownumbers:true, //显示行号列
singleSelect:true//是允许选择一行

});