LigerUI 表格 LigerGrid 动态结合 Struts2 获取数据

DavidHsing

墨衍会员 · AI 创作全网分发码龄19年

关注

转载最新推荐文章于 2024-03-09 16:55:24 发布 3.1k 阅读 AI 写同款· GEO 优化 ›

AI权益加码！Claude Code、Cursor等20+工具免费用！购周边限时加赠Coding Plan Lite，畅享主流AI工具！学习进阶更高效！阅读详情

JSON是一种轻量级的数据交换格式，大部分地方都可方便地使用。
Struts2通过利用JSON插件，也可以轻松的提供JSON数据供前台访问。

1.准备工作

本文在搭建好的struts2框架与LigerUI 插件的基础上实现的，框架的搭建不在本文的讨论范围。
以下Action用到的JSON类是alibaba的开源类库Fastjson。

相关工具包：struts2 v2.1.8、LigerUI v1.2.2、fastjson-1.1.9

2.创建Action

public class DeptAction extends ActionSupport{
    private JSONObject rows;
    public String getDepts() throws Exception{
            DeptService deptService = new DeptService();
            List depts= deptService.getDepts();
            HashMap<String, Object> maps = new HashMap<String, Object>();
            List<HashMap<String, Object>> list = new ArrayList<HashMap<String, Object>>();
             for (Dept dept :depts) {
                  HashMap<String, Object> hashMap = new HashMap<String, Object>();
                  hashMap.put("id",dept.getId());
                  hashMap.put("name",dept.getName());
                  list.add(hashMap);
            }
            maps.put("Rows", list);
            rows = JSONObject.parseObject(JSON.toJSONString(maps));
            return SUCCESS;
    }
 
    public JSONObject getRows() {
             return rows ;
    }
 
    public void setRows(JSONObject rows) {
             this.rows = rows;
    }
}

3.Action配置

<action name="getDepts" class="com.shelwee.domain.Dept" method="getDepts" >
    <result type="json" >
        <param name="root" >rows</param>
    </result>
</action>

4.LigerGrid请求数据

Action创建并配置好之后，就可以在相应的页面发起请求。请求示例：

<script type="text/javascript">
        $( function () {
            window[ 'g'] =
            $( "#maingrid").ligerGrid({
                checkbox: true,
                columns: [
                { display: '主键', name: 'id' , align: 'left', width: 140},
                { display: '名称', name: 'name' , minWidth: 60, width: 140}
                ], dataAction: 'local',pageSize:10,
                url: '/getUsers.action' ,
                width: '100%', height: '100%' 
            });
            $( "#pageloading").hide();
        });
</script>