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的使用

一、初步认识 1、什么是jQuery Easy UI  jQuery Easy UI是一组基于jQuery的UI插件集合,而jQuery Easy UI 的目标就是帮助Web 开发者更轻松的打造出功...
  • hai_cheng001
  • hai_cheng001
  • 2014年08月26日 23:26
  • 4487

7个jquery easy ui 基本组件图解

下面给出7个jquery easy ui 基本组件; 1 基本面板 Basic Panel - jQuery EasyUI Demo Basic Panel ...
  • bcbobo21cn
  • bcbobo21cn
  • 2016年04月23日 11:10
  • 3780

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

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

jQuery Easy UI Tooptip(提示框)组件

我们都知道DOM节点的title属性,Tooptip组件就是比较强大的title,它可以自由的设置自己的样式、位置以及有自己相关的触发事件。 示例: jQuery Easy UI ...
  • hai_cheng001
  • hai_cheng001
  • 2014年08月27日 21:30
  • 5718

jquery easy ui 1.5最新版本 简单的权限分配

jquery easy 1.5 Maven+servlet+jsp+jdbc实现权限管理分配                  首先,我先说明下,我只是一个菜鸟,我只是在编程道路上摸索的一个的小码农。...
  • AllureLove2580
  • AllureLove2580
  • 2016年10月26日 13:45
  • 3126

jquery easy ui tabs使用

1.怎样激活对应对应索引值的tab页 var Index = $(this).index(); $("#tele_menu").tabs("select",Index);...
  • lxp1021
  • lxp1021
  • 2013年10月31日 21:11
  • 7587

jquery + easy ui 根据数据结构,生成多级菜单。

jquery + easy ui 根据数据结构,生成多级菜单。 菜单样式显示不正确的问题。http://www.mizuiren.com/314.html...
  • u012246342
  • u012246342
  • 2017年03月16日 07:16
  • 430

easy ui 隐藏tabs项

在官方api没有发现有隐藏的方法 var tab = $('#tabs').tabs('getTab',"同步策略配置").panel('options').tab; tab.hide(); ...
  • lyd135364
  • lyd135364
  • 2015年06月16日 10:00
  • 500

jQuery Easy UI 使用

jQuery Easy UI 使用 jQuery Easy UI jQuery Easy UI 搭建 jQuery Easy UI 第一步...
  • master_yao
  • master_yao
  • 2016年03月08日 09:51
  • 1755

jquery easy UI + Spring MVC(注解) 完成文件上传操作

从网上查了很多资料,发现全部是要么 是直接表单上传,要么就不支持注解形式。所以自己弄了一份这个实例,做个记录,也希望帮到同样需求的人。 前提,项目已经配置好SpringMVC注解的框架 jsp页面 ...
  • java_dotar_01
  • java_dotar_01
  • 2016年04月26日 10:23
  • 2888
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jquery easy UI datagrid+action错误分析
举报原因:
原因补充:

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