LigerUI通过Struts2返回并显示

项目需求：需要把数据显示到表格中。表格用的是LigerUI，底层用的是Dao层。

完成步骤：第一步：首先从底层开始写获取数据的方法：

public List<NewsList> findAllNews() {//String sql="SELECT w2.n, w1.* FROM NewsList w1, (SELECT TOP "+pages*pageSize+" row_number() OVER (ORDER BY UpdateTime DESC, infoId DESC) n, infoId FROM NewsList) w2 WHERE w1.infoId = w2.infoId AND w2.n > "+(pages-1)*pageSize+" ORDER BY w2.n ASC";String sql="SELECT * from NewsList order by infoIndex desc";List<NewsList> nl=new ArrayList<NewsList>();JSONArray array=sqlHelper.query(sql);for (int i = 0; i < array.size(); i++) {JSONObject object=array.getJSONObject(i);NewsList newslist=(NewsList) ConvertJsonToObj.Convert(object, NewsList.class);nl.add(newslist);}return nl;}

第二步：在Action层中获取List，并转换成符合LigerUI的Json数组(需要在前面创建一个JSONObject对象 放入rows)

public String findAllNews(){List<NewsList> list=this.newlistListDao.findAllNews();HashMap<String, Object> maps=new HashMap<String, Object>();List<HashMap<String, Object>> lists=new ArrayList<HashMap<String,Object>>();for (NewsList os : list) {HashMap<String, Object> hashmaps=new HashMap<String, Object>();hashmaps.put("infoid",os.getInfoid());hashmaps.put("infoTitle", os.getInfoTitle());hashmaps.put("infoType",os.getInfoType());lists.add(hashmaps);}maps.put("rows", list);maps.put("total", list.size());//需要写进Json中，告诉LigerUI一共有多少数据rows=JSONObject.fromObject(maps);System.out.println(rows);return BaseAction.SUCCESS;}

第三步：在Struts.xml文件中配置

<action name="findAllNews" class="com.fudian.actions.NewsListAction" method="findAllNews">       <result type="json">          <param name="root">rows</param>       </result>    </action>

第四步：前台JSP配置

 $(function ()        {            window['g'] =            $("#maingrid").ligerGrid({                height: '99.2%',                columns: [                {display:'新闻标题', name:'infoTitle', align: 'left', width: 400 },                {display:'新闻分类',name:'infoType',align:'left', width: 200},                {display:'更新时间',name:'updateTime',align:'left',width:200},                {display:'发布状态',name:'status',align:'left',width:100,render:function(item){                var str;                if(item.status=="1"){                str="已发布";                }else{                str="未发布";                }                return str;                }},                ],                dataAction:"local",//分页用ligerUI自己的分页                url:'<%=basePath%>fdirms/findAllNews',                root:'rows', //内容需于返回来的名字对应！！                record:'total', //总行数                delayLoad:true,                rownumbers: true,                usePager:true,                pageSize: 20,                 rownumbers: true,                            });            $("#pageloading").hide();        });         $(function(){        g.set({                //数据请求地址                url:"<%=basePath%>fdirms/findAllNews",                //数据书否分页，默认为true                usePager:true,            });     g.loadData(g.changePage('first'));    });

在前台配置的时候需要注意的是：root那项一定要写你在Struts.xml文件配置中对应的返回对象名字，因为这个原因，我找了3个小时的错，才把数据显示出来。

其中我加入了一个render的方法，render方法可以帮助人们把状态的数字改成汉字，我在这里就是判断返回过来的status状态当为1的时候是已发布，其他的时候为未发布。

我这个分页是让LigerUI自己分页，所以在写SQL的时候是直接获取全部数据，所以在dataAction中的值为local 如果要是自己写分页也可以，dataAction的值为server。

如果值为Server的话，需要在Action中获取Pages和pageSize的两个值，并把两个值放进分页语句中。我的分页语句留在上面了，这个是SQL Server的分页语句，性能比较好的。需要借鉴的同学可以借鉴。