Cómo configurar el evento de clic en la tabla en bootstrap
Por ejemplo
$('# tableList'). bootstrapTable({
método: 'publicación',
url: "",
altura: $(ventana).altura() - 200, p>
rayado: verdadero,
tipo de datos: "json",
paginación: verdadero,
"queryParamsType": "límite", p>
singleSelect: false,
contentType: "application/ x-www-form-urlencoded",
2 Establece los parámetros pasados al servidor
Método:
función queryParams(params) {
return {
Tamaño de página: params.limit,
Número de página: parámetro.
Número de página: params.Número de página,
Nombre de usuario: 4
};
}
$(' #tableList').bootstrapTable({
método: 'publicación',
url: "",
altura: $(ventana).height() - 200,
rayado: verdadero,
tipo de datos: "json",
paginación: verdadero,
queryParams: queryParams,
3 La información de tamaño de página no está disponible en segundo plano
Solución: 1 Establezca la información en queryParams
2 Modifique el archivo fuente en bootstrap-table.minjs y cambie "limit"=== this. options.queryParams. options.queryParamsType&&(e={limit:e.pageSize,pageNumber:e.pageNumber,
Modifique también bootstrap-table.js
if (this.options. .queryParamsType === 'límite') {
params = {
búsqueda: params.search: params.searchText,
ordenar: params.sortName,
orden: params.sortOrder
}
if (this.options.pagination) {
params.limit = this.options.pageNumber;
params.pageNumber=this.pageNumber=this.options.pageNumber,
params.offset = this.options.pageSize * (this.options.pageNumber - 1);
}
}
La configuración agrega "queryParamsType": "limit",
Completo
$(document).ready(function() {
$('# tableList') .bootstrapTable({
método: 'publicar',
url: "getcomapylist",
altura: $(ventana).height() - 200,
rayado.verdadero,
tipo de datos: "json",
paginación: verdadero,
"queryParamsType": "límite",
singleSelect: false,
contentType: "application/x-www-form-urlencoded",
pageSize: 10,
pageNumber:1,
búsqueda: false, //No mostrar el cuadro de búsqueda
showColu
mns: false, //No mostrar el cuadro desplegable (seleccionar visualización),
showColumns: false, //No mostrar el cuadro desplegable (seleccionar visualización). Mostrar cuadro desplegable (seleccione las columnas que se mostrarán)
sidePagination: "server", //Solicitud del lado del servidor
queryParams: queryParams,
/minimunCountColumns: 2,
respuestaHandler: ResponseHandler,
columnas: [
{
campo: 'CompanyId',
casilla de verificación: verdadero
},
{
campo: 'qq',
título: 'qq',
ancho: 100,
align: 'center',
valign: 'middle',
ordenable: false
}
,
{
campo: nombre de la empresa',
título: 'Nombre',
ancho: 100,
alinear: 'centro',
valign: 'medio',
ordenable: falso
}]
});
});
función ResponseHandler(res) {
if (res. IsOk) {
var resultado = b64.decode(res. ResultValue);
var resultStr = $.parseJSON(resultado);
return { p>
"filas": resultStr.Items,
"total": resultStr.TotalItems
};
} else {
return {
"filas": [],
"total": 0
};
} p>
}
Paso de parámetros
función queryParams(params) {
return {
pageSize: params.limit,
Número de página: params.Número de página,
Nombre de usuario: 4
};
}
4 Problemas de paginación e investigación
Premisa: búsqueda y paginación personalizadas, como la búsqueda de nombres de productos.
Fenómenos: al buscar muñecos inflables y devolver 100 discos, pase a la quinta página. En este momento, al buscar el vibrador, los datos son 200. El resultado deben ser los registros de la primera página, pero el resultado real mostrado es la quinta página. En otras palabras, después de volver a buscar, el número de página no ha cambiado.
Solución alternativa: restablecer opciones.
búsqueda de función(){
$('#tableList').bootstrapTable({pageNumber:1,pageSize:10});
} p>