1. Primeiro, introduza os arquivos CSS e JS da Easyi
2. O JS que precisa ser escrito na recepção
A cópia do código é a seguinte:
// dados de origem
função assync (ação, args, retorno de chamada) {
$ .ajax ({
URL: ação,
Tipo: "post",
Datatype: "JSON",
Tempo limite: 10000,
Dados: Args,
Sucesso: função (dados) {
if (retorno de chamada) {
retorno de chamada (dados);
}
}
});
}
// vincula dados e defina a paginação
função bingdata (pid, args, ação, retorno de chamada) {
Assíncrono (ação, args, function (dados) {
if (data! = null && data.list! = null) {
var _datacount = data.size; // número total de entradas
var _data = data.list; // dados
if (retorno de chamada) {
retorno de chamada (_data);
}
$ (PID) .DATAGRID ('loadData', _data);
$ (PID) .DATAGRID ('GetPager'). Paginação ({
antes do PageText: 'coisas',
AfterPageText: 'Páginas no total {páginas} páginas',
displaymsg: 'atualmente exibido {de} - {para} registros no total {total} registros',
PageSize: args.pagesize,
Total: _datacount,
Pagenumber: args.pageIndex,
Pagelist: args.pagelist,
OnSelectPage: function (Pagenumber, Pagesize) {
args.pageIndex = pagenumber;
args.pagesize = Pagesize;
Bingdata (pid, args, ação, nulo);
},
OnRefresh: function (PagenBumber, PageSize) {
args.pageIndex = pagenumber;
args.pagesize = Pagesize;
Bingdata (pid, args, ação, nulo);
}
});
}
});
}
// serialize o formulário em um objeto
$ .fn.serializeObject = function () {
var obj = {};
$ .ECH (this.SerializeArray (), função (i, o) {
var n = O.Name, v = O.Value;
obj [n] = obj [n] === indefinido? v
: $ .isarray (obj [n])? obj [n] .CONCAT (V)
: [obj [n], v];
});
retornar json.Stringify (OBJ);
};
//largura
Função Fixwidth (porcentagem) {
retorno document.body.clientwidth * por cento;
}
// edição final
função endedit (vid) {
vid = "#"+vid;
var tb = $ (vid);
var linhas = tb.datagrid ('getRows');
for (var i = 0; i <robes.length; i ++) {
tb.datagrid ('endedit', i);
}
}
função getData (obj) {
var url = contextpath+'/fundretreatvoucher/fundbatchretreatvoucherQuery.htm'; // Caminho de ação
var args = {};
args.pageIndex = 1; // ÍNDICE DE PÁGINA
args.pagesize = 10; // capacidade de página
if (obj! = null) {// o objeto de serialização do formulário
args.obj = obj;
}
Bingdata ("#tab", args, url, nulo);
}
função getTab () {
GetData ();
var tb = $ ('#tab');
tb.datagrid ({
Título: 'Resultados da consulta em lote de retorno do fundo',
listrado: verdadeiro,
FitColumns: True, // Tamanho da coluna adaptável
ROOWNUMBERS: Verdadeiro,
Nowrap: true, // Defina como true, ele interceptará automaticamente quando o comprimento dos dados exceder a largura da coluna.
listrado: verdadeiro,
Largura: Fixwidth (0,99),
Altura: '430',
SingleSelect: verdadeiro,
LoadMsg: 'Carregamento de dados ...',
Colunas: [[
{Field: 'InterfaceInfocode', Título: 'Codificação de canal de fundo', largura: FixWidth (0,3), alinhe: "Center"},
{Field: 'RetreatbatchCode', Título: 'Número do lote de retorno do fundo', largura: FixWidth (0.2), editor: 'texto', alinhe: "Centro"},
{Field: 'Total', Título: 'Número total de traços', Largura: Fixwidth (0.1), alinhe: 'Right', Editor: 'Texto', Align: "Center"},
{Field: 'TotalMoney', Título: 'Valor Total', Largura: FixWidth (0.1), Alinhe: 'Right', Editor: 'Texto', Align: "Center"},
{Field: 'Def2', Title: 'Operação', Largura: FixWidth (0.3), Editor: 'Texto', alinhar: 'Right', Align: "Center",
formatador: função (valor, linha, índice) {
var vcode = row.retreatbatchcode;
var e = '<a href = "#" onclick = "Todetail ('+index+')"> detalhes </a> | ';
var d = '<a href = "#" onclick = "auditbatch ('+index+', 0)"> auditbatch </a> | ';
var f = '<a href = "#" onclick = "auditbatch ('+index+', 1)"> rejeição de auditoria </a>';
retornar e+d+f;
}}
]],
OnLoadSuccess: function (Data) {
if (data.total == 0) {
}
},
Paginação: Verdadeiro,
PageIndex: 1, // Índice de página
PageSize: 10, // Capacidade da página
Pagelist: [10,15,20]
})
}
2 nos bastidores
A cópia do código é a seguinte:
int currentpage = request.getParameter ("PageIndex") == null? 1: Integer.parseint (request.getParameter ("PageIndex"));
// Número de linhas por página
int showCount = request.getParameter ("PageSize") == null? 10: Integer.parseint (request.getParameter ("PageSize");
// entidade de paginação
String obj = request.getParameter ("obj");
if (stringUtils.NotBlank (obj)) {
fundretreatvoucher = jsonutils.toObject (obj, fundreatreatvoucherparam.class); // O objeto JSON de serialização é convertido em entidade
}
out = Response.getWriter ();
Lista <IdrendReatVoucher> frvs = fUrndreatVoucherService.findallfundReatVoucher (página, fundreatreatvoucher);
int total = fUrndreatVoucherService.FindallFundRetReatVoucher (gettotal (), fundreatvoucher) .size (); // tamanho de dados
JsonObject json = new jsonObject ();
json.put ("list", frvs); // dados, a chave de put aqui deve ser a lista. Se for alterado, você precisará alterar os dados no BingData.
json.put ("size", total);
out.print (json);