mmgrid的使用和分页插件mmpagination的使用

最新推荐文章于 2024-05-29 09:48:21 发布

weixin_33958366

最新推荐文章于 2024-05-29 09:48:21 发布

阅读量866

点赞数 1

原文链接：https://my.oschina.net/u/2297579/blog/3018482

版权

2019独角兽企业重金招聘Python工程师标准>>>

mmgrid：

jquery中的表格控件。

 $mmGrid = $('#table-m1').mmGrid({
                autoLoad: true,
                cols: cols,
                fullWidthRows: true,
                url: 'list_data.jhtml',
                params: function () {
                    return $("#listForm").serializeObject();
                },
                plugins: [
                    $('#paginator').mmPaginator()
                ]
            });

cols是列的定义。

var cols = [
                {
                    title: '${message("车牌号")}',
                    name: 'car_number',
                    align: 'center',
                    renderer: function (val, item, rowIndex) {
                        return '<a href="javascript:void(0);" onClick="edit(' + item.id + ')" class="red">' + val + '</a>';
                    }
                },
                {title: '${message("车型")}', name: 'car_type', align: 'center'},
                {title: '${message("机构名称")}', name: 'sale_org_name', align: 'center'},
                {title: '${message("备注")}', name: 'remark', align: 'center'},

            ];

表格中的处理函数使用renderer：

  renderer: function (val, item, rowIndex) {
                        return '<a href="javascript:void(0);" onClick="edit(' + item.id + ')" class="red">' + val + '</a>';
                    }

表格中的分页插件使用:

  plugins: [$('#paginator').mmPaginator()]

需要在html中定义id为paginator的div：

<div id="paginator"></div>

在后台传入的时候，定义一个变量继承自Serializable,包含pageNumber和pageSize:

public class Pageable implements Serializable
{
    private static final long serialVersionUID = -3930180379790344299L;
    private static final int DEFAULT_PAGE_NUMBER = 1;
    private static final int DEFAULT_PAGE_SIZE = 100;
    private static final int MAX_PAGE_SIZE = 500;
    private int pageNumber;
    private int pageSize;
    public Pageable() {
        this.pageNumber = 1;
        this.pageSize = 100;
    }
}

转载于:https://my.oschina.net/u/2297579/blog/3018482