hnlrzy的gravatar头像
hnlrzy2018-03-13 14:43:43

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

问题描述

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

运行环境

jdk7+tomcat7+mysql+eclipse

项目技术(必填)

spring+spring mvc+mybatis+easy ui+jquery

项目截图(必填)

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

运行截图(必填)

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

相关代码片段

<%@ 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//是允许选择一行
  
        });

    });
    </script>
  
<title>商品列表查询</title>
</head>

<body> 
当前用户:${username },
<c:if test="${username!=null }">
    <a  href="${pageContext.request.contextPath }/logout.action">退出</a>
</c:if>    


<table id="items" class="easyui-datagrid" width="100%"  style="width:550px;height:250px" border=1>
    <div id="toolbar">
        <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-add',plain:true" >添加</a>
        <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-edit',plain:true" >编辑</a>
        <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-remove',plain:true" >删除</a>
    </div>

</table>


</form>
</body>

所有回答列表(3)
请叫我小C的gravatar头像
请叫我小C LV173月21日

你可以写两个方法,第一个方法用来跳转到页面,页面用你现在的方法取请求后台,返回json格式即可。可以群里@我

评论(0)最佳答案
wy931665374的gravatar头像
wy931665374 LV93月15日

这个是返回的json数据格式的。这里返回的是json格式,需要将map转为json。控制器到页面(自己百度一下)

百度。通过request.getParam...()方法,看看请求了哪些参数。页面到控制器

 

 

sunjiyun26的gravatar头像
sunjiyun26 LV83月15日

返回json数据格式,包含rows,total 两个属性,rows是数组格式,total是key-value格式。官方例子或者代码答复很清楚。

顶部客服微信二维码底部
>扫描二维码关注最代码为好友扫描二维码关注最代码为好友