1. Primero introduzca los archivos CSS y JS de Easyi
2. Los js que deben escribirse en la recepción
La copia del código es la siguiente:
// Datos de origen
función async (acción, args, devolución de llamada) {
$ .AJAX ({
URL: acción,
Tipo: "Publicar",
Tipo de datos: "JSON",
Tiempo de espera: 10000,
Datos: Args,
éxito: function (data) {
if (llamado) {
devolución de llamada (datos);
}
}
});
}
// enlazar los datos y establecer la paginación
función bingdata (PID, args, acción, devolución de llamada) {
Async (acción, args, función (datos) {
if (data! = null && data.list! = null) {
var _dataCount = data.size; // Número total de entradas
var _data = data.list; // datos
if (llamado) {
devolución de llamada (_data);
}
$ (PID) .dataGrid ('LoadData', _data);
$ (PID) .dataGrid ('getPager'). Pagation ({
antes que elpagetext: 'cosas',
AfterPageText: 'páginas en total {páginas} páginas',
displaymsg: 'actualmente se muestra {desde} - {a} registros en total {total} registros',
PageSize: args.pagesize,
Total: _datacount,
PageNumber: args.pageIndex,
pagelista: args.pagelist,
onselectPage: function (pageNumber, pageSize) {
args.PageIndex = PageNumber;
args.pagesize = PageSize;
Bingdata (pid, args, acción, nulo);
},
OnRefresh: function (PageNumber, PageSize) {
args.PageIndex = PageNumber;
args.pagesize = PageSize;
Bingdata (pid, args, acción, nulo);
}
});
}
});
}
// Serializa la forma en un objeto
$ .fn.SerializeObject = function () {
var obj = {};
$ .each (this.serializearray (), function (i, o) {
var n = o.name, v = o.value;
obj [n] = obj [n] === Undefined? V
: $ .isArray (obj [n])? obj [n] .concat (v)
: [obj [n], v];
});
return json.stringify (obj);
};
//ancho
función fixwidth (porcentaje) {
return document.body.clientwidth * porcentaje;
}
// Finalizar editar
función endedit (vid) {
Vid = "#"+Vid;
var tb = $ (video);
var filas = tb.dataGrid ('getrows');
para (var i = 0; i <shows.length; i ++) {
tb.datagrid ('endedit', i);
}
}
función getData (obj) {
var url = contextpath+'/fondreTreatVoucher/fondBatchRreatVoucherQuery.htm'; // Ruta de acción
var args = {};
args.pageIndex = 1; // índice de página
args.pagesize = 10; // Capacidad de página
if (obj! = null) {// El objeto de la serialización de la forma
args.obj = obj;
}
BingData ("#tab", args, url, nulo);
}
función getTab () {
GetData ();
var tb = $ ('#tab');
tb.dataGrid ({
Título: 'Resultados de la consulta por lotes de retorno del fondo',
rayado: verdadero,
FitColumns: verdadero, // tamaño de columna adaptativa
Brownumbers: Verdadero,
Nowrap: verdadero, // Establecer en True, se interceptará automáticamente cuando la longitud de los datos exceda el ancho de la columna.
rayado: verdadero,
Ancho: fijación de fijación (0.99),
Altura: '430',
Singleselect: verdadero,
loadmsg: 'Carga de datos ...',
Columnas: [[
{campo: 'interfaceInfocode', title: 'Fund Channel Coding', Width: FixWidth (0.3), Align: "Center"},
{campo: 'RetreatBatchCode', Título: 'Número de lote de retorno de fondo', ancho: fixWidth (0.2), editor: 'Text', align: "Center"},
{campo: 'total', título: 'número total de trazos', ancho: fixwidth (0.1), alinearse: 'correcto', editor: 'text', alinearse: "centro"},
{campo: 'totalMoney', título: 'cantidad total', ancho: fixwidth (0.1), alinearse: 'correcto', editor: 'text', align: "centro"},
{campo: 'def2', título: 'operación', ancho: fixwidth (0.3), editor: 'text', align: 'right', align: "centro",
Formatter: function (valor, fila, índice) {
var vcode = row.retreatBatchCode;
var e = '<a href = "#" onClick = "toDetail ('+index+')"> Detalles </a> | ';
var d = '<a href = "#" onClick = "auditBatch ('+index+', 0)"> AuditBatch </a> | ';
var f = '<a href = "#" onClick = "auditBatch ('+index+', 1)"> rechazo de auditoría </a>';
return e+d+f;
}}
]],
onloadSuccess: function (data) {
if (data.total == 0) {
}
},
Pagination: Verdadero,
PageIndex: 1, // índice de página
PageSize: 10, // capacidad de página
pagelista: [10,15,20]
})
}
2 detrás del escenario
La copia del código es la siguiente:
int currentPage = request.getParameter ("PageIndex") == NULL? 1: Integer.ParseInt (request.getParameter ("PageIndex));
// Número de filas por página
int showCount = request.getParameter ("pageSize") == null? 10: Integer.ParseInt (request.getParameter ("PageSize"));
// entidad de paginación
Cadena obj = request.getParameter ("obj");
if (stringUtils.notblank (obj)) {
fondreatreatVoucher = jsonutils.toobject (obj, fondreatreatVoucherParam.class); // Forma de serialización JSON Object se convierte en entidad
}
out = respuesta.getWriter ();
List <FundRetreatVoucher> FRVS = FundRetreatVoucherService.findallFundRetreatVoucher (Page, FundReatVoucher);
int total = fundRetreatVoucherService.FindallFundRetreatVoucher (getTotal (), fondreatVoucher) .size (); // tamaño de datos
JsonObject json = new JsonObject ();
json.put ("List", FRVS); // Datos, la clave Put AQUÍ debe ser lista. Si se cambia, debe cambiar los datos en BingData.
json.put ("tamaño", total);
out.print (json);