EasyUI分页查询

目录

基于EasyUI分页查询HTML

代码例如：

<table class="easyui-datagrid" style="width:400px;height:250px"   id="myTab"
            data-options="url:'news_find',fitColumns:true,singleSelect:true,fit:true,pagination:true,pageSize:2,pageList:[2,5],
                toolbar: '#tb'
            ">   
        <thead>   
            <tr>   
                <th data-options="field:'news_id',width:100">消息编号</th>   
                <th data-options="field:'news_name',width:100">消息标题</th>   
                <th data-options="field:'new_from',width:100">消息来源</th>   
                <th data-options="field:'newsType',width:100,formatter:showType">消息类型</th> 
            </tr>   
        </thead>   
    </table> 

小黑板

pagination:true[^footnote].：显示分页
pageSize:2—–初始页面放2条数据
pageList:[2,5]—–页面列表，可以选择每页显示2或5条
rows—–EasyUI会自动发送一个请求rows后台要准备接收
page—–EasyUI会自动发送一个请求page后台要准备接收

基于EasyUI分页查询

java代码例如：

public class NewsAction extends ActionSupport {

    private static final long serialVersionUID = 1L;

    private News news;
    private Map<String, Object> map;
    private NewsService newsService;
    /**
        接收EasyUI发送过来的rows,page
        rows代表每一行多少个数据
        page代表第几页
    */
    private int rows;
    private int page;

    public String find() {
        map = newsService.queryAll(news, rows, page);
        return "find";
    }

    public void update() {
        newsService.saveOrUpdate(news);
    }

    public void delete() {
        newsService.delete(news);
    }

    public News getNews() {
        return news;
    }

    public void setNews(News news) {
        this.news = news;
    }

    public Map<String, Object> getMap() {
        return map;
    }

    public void setMap(Map<String, Object> map) {
        this.map = map;
    }

    public NewsService getNewsService() {
        return newsService;
    }

    public void setNewsService(NewsService newsService) {
        this.newsService = newsService;
    }

    public int getRows() {
        return rows;
    }

    public void setRows(int rows) {
        this.rows = rows;
    }

    public int getPage() {
        return page;
    }

    public void setPage(int page) {
        this.page = page;
    }

}

小黑板

1.page,row必须这个名字，并且必须给set方法。
2.返回给EasyUI的数据必须是map集合并且集合的键分别为rows,total

            //rows的值为获取的分页好的集合
            map.put("rows", newsDao.queryNews(rows, page));
            //total的值为一共有多少条数据
            map.put("total", newsDao.queryCount());

分页的算法：

从0开始：(page-1)*rows
从0结束：page*rows-1
从1开始：(page-1)*rows+1
从1结束：page*rows

心得与体会

1.分页我们要做的就是拿到想要的部分数据，所以想办法拿到其中的部分就行了。