jquery easy UI datagrid+action错误分析

原创 2015年11月19日 14:46:38

原先写过datagrid但是没有与action关联,这一次和action关联出现大问题

数据库查询出来的数据就是无法在datagrid中显示,action代码如下:


   public StringselectPeoOpNum(){
        try {
            VoteOptionDao voteOptionDao  = new VoteOptionDaoImpl();
            List<GridNode> gridNodeList = null;
            if(pages ==null){
                pages = new Pages();
            }
            Integer pageSize = Integer.parseInt(ServletActionContext.getRequest().getParameter("rows"));//每页显示记录
            Integer pageNumber = Integer.parseInt(ServletActionContext.getRequest().getParameter("page"));//当前页数
            pages.setPageSize(pageSize);
            pages.setCurrPageNo(pageNumber);
            VoteItemDao voteItemDao = new VoteItemDaoImpl();
            
            pages.setTotalPage(voteItemDao.countItemNum());
            gridNodeList=  voteOptionDao.selectOptionInfo(pages);
            JSONArray ja = new JSONArray();
            ja = JSONArray.fromObject(gridNodeList);
            ServletActionContext.getResponse().getWriter().print(ja);
        } catch (Exception e) {
            e.printStackTrace();
        }

          return SUCCESS;

    }

struts代码:

<action name="PeoOpNum" class="com.bdqn.action.VoteOptionAction" method="selectPeoOpNum">
                <result name="error">error.jsp</result>
                <result name="input">input.jsp</result>
            </action>

datagrid代码:

var datagrids = $("#datagrids").datagrid({
        height:"400",
        width:"820",
        url:'http://localhost:8080/Struts2_No_12/PeoOpNum',
        rownumbers:true,
        singleSelect:true,
        pagination:true,//显示底部分页栏
        pageSize:5,//默认每页记录数,pagination参数为true时才有效
        pageList:[5,10,15], //显示列表记录数的下拉框选项,pagination参数为true时才有效
        fitColumns:true,//自适应宽度,防止水平滚动
        striped:true,//隔行变色
        columns:[[
                    {field:'id',title:'id',hidden:'true'},
                    {field:'title',title:'投票标题',width:300},
                    {field:'options',title:'选项数',align:'right'},
                    {field:'participants',title:'投票人数',align:'right'},
                    {field:'opr',title:'操作',align:'center',formatter:function(){
                        return "<a href='#' style='color:red;'>参加投票</a>";
                    }}
                ]],
        onClickCell:function(index,field,v){
            if(field=="opr"){
                var id = $(this).datagrid("getRows")[index].id;
                var options = $(this).datagrid("getRows")[index].options;
                var participants = $(this).datagrid("getRows")[index].participants;
                window.location.href="http://localhost:8080/Struts2_No_12/selectVoteOptionByVsId?id="+id+"&options="+options+"&participants="+participants;
            }
        },
        onLoadError : function(a) {
            alert('加载数据失败!');
        }
    });


当时怎么都显示不出代码,于是我输出了json发现里面是有值得,表明查询无误,然后我又用现成的json文件检查datagrid,发现网页上能显示数据,这表明

jquery代码也无误,那么就只有一个问题了,传值问题,但是在servlet中out.print()的值datagrid是能接收的,于是想到了是不是struts.xml文件,我就添上了

   <result name="success" type="json">
                    <param name="root">ja</param>
      </result>

网上很多人都这么用,我不知道为什么还是不顶用,最后我想到了返回值,我将String改为了void去掉了返回值,结果行了,而struts.xml文件中的那段代码

在我这里可有可无,有也行,没有也行,知道的朋友请告知原因,谢谢


版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

JQuery Easy-UI 实现动态分页

Easy-UI 通过datagrid函数实现分页:ajax传递pagesize与pagenumber给服务器,服务器根据请求参数查出一页数据,并通过JSON格式返回到页面,datagrid函数自动对J...

jQuery easy ui datagrid 无数据时的样式

datagrid无数据时样式是乱的,加载数据后样式变为正确的。后来查看官网的Documentation时发现,datagrid的使用都要加上“class="easyui-datafrid"”属性,加上...

easy-ui datagrid 没数据时候显示没有相关数据

onLoadSuccess: function (data) { debugger;            if (data.total == 0) {                //添加一...

JQuery Easy Ui dataGrid 数据表格

数据表格 - DataGrid 内容 概况 使用方法 数据表格属性 数据列属性 编辑 数据视图 事件 方法  继承$.fn.panel.defaults,使用$.fn.datagri...

Jquery Easy-UI中的Datagrid实现onclickrow无效果,onDblClickRow选中当前行

都是为了满足用户体验,这里没有高深的修改人家JQ的方法,只有几个简单的招法 实现效果:单击EasyUI的datagrid的row,没有效果,双击的时候选中,如果双击选中的row,那么取消选中...

JQuery Easy Ui dataGrid 数据表格详解

JQuery Easy Ui dataGrid 数据表格 转载自:http://www.cnblogs.com/cnjava/archive/2013/01/21/2869876.html 谢谢博主 ...
  • luofuIT
  • luofuIT
  • 2014年11月20日 21:43
  • 7216

Jquery Easy UI学习(一)datagrid的使用

Easy UI一个最常用的表格控件,这一篇,我们学习下DataGrid的使用及属性, 方法一:jsp中定义时,直接定义好属性等,还是使用data-options="..."设定属性,  ...

easy ui datagrid项目完整源代码

  • 2015年01月16日 14:44
  • 1.28MB
  • 下载

easy ui datagrid 增删改查+分页 asp.net

  • 2014年04月27日 09:49
  • 3.11MB
  • 下载

Web前端 - Easy UI的Tree插件和DataGrid插件实战

Web前端基础插件复习 ---------------------------------- Easy UI的Tree插件和DataGrid插件实战 一、  Easy UI的...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jquery easy UI datagrid+action错误分析
举报原因:
原因补充:

(最多只允许输入30个字)