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

原创
2019/03/06 08:53
阅读数 1.2K

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;
    }
}

展开阅读全文
打赏
0
0 收藏
分享
加载中
更多评论
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部