Este artículo comparte el problema de la paginación de la mesa de arranque para su referencia. El contenido específico es el siguiente
Pregunta 1: El servidor no puede obtener el valor del formulario, no hay problema con la consulta, pero el request.form no puede obtener el valor
Solución: Este es un problema con AJAX, el código original usa AJAX nativo. 1 se puede resolver leyendo archivos de transmisión. 2 Si desea utilizar el método de request.form, establezca contentType: "Application/X-WWW-Form-URLEncoded",
como
$ ('#TableList').Pregunta 2. Establezca los parámetros pasados al servidor
método:
function queryParams (params) {return {pageSize: params.limit, pageNumber: params.pageNumber, username: 4};} $ ('#tableList'). bootStraptable ({método: 'post', url: "", altura: $ (ventana) .Height () - 200, rayado: verdadero, datatype: "json", pagination: pagination: cuyparams: cuyparamsparams: cuyparamsparams: cuyparamSs: cuyparamss: cuymss: cuyparamss: pagination: pagination: cuyparams: cuyparamss: cuyparams: cuyparamss: cuyparamss: pagination: pagination: pagination: cuyparamsparams: cuyparama Querams,Pregunta 3. La información de la página no se puede recuperar en segundo plano
resolver:
1Set en Querams
2 modificar el archivo fuente en el archivo bootstrap-table.minjs a
"Limite" === this.options.QueryParamStype && (e = {Limit: E.Pagesize, PageNumber: E.PageNumber,
Modificar Bootstrap-Table.js también está bien
if (this.options.QueryParamStype === 'Limit') {params = {search: params.searchText, sort: params.sortname, orden: params.sortorder}; if (this.options.pagination) {params.limit = this.opages.pagesize; params.pagenuminum (this.options.pageNumber - 1);}}Configurar "QuereParamStype": "Límite",
entero
<script type="text/javascript">$(document).ready(function() { $('#tableList').bootstrapTable({method: 'post',url: "getcompappylist",height: $(window).height() - 200,striped: true,dataType: "json",pagination: true,"queryParamsType": "limit",singleSelect: falso, contentType: "Application/x-www-form-urlencoded", PageSize: 10, PageNumber: 1, búsqueda: falso, // No muestre el cuadro de búsqueda showcolumns: false, // no muestre el cuadro desplegable (seleccione la columna mostrada) SidePagination: "Servidor", // Solicitud del servidor Querams: Quere PARA ResponseHandler, Columns: [{Field: 'CompanyId', CheckBox: True}, {Field: 'Qq', Title: 'Qq', Width: 100, Align: 'Center', Valign: 'Middle', Sortable: False}, {Field: 'CompanyName', 'Nombre:', width: 100, align: 'Center', Valign: 'Middle', Sortable: Sortable: False}; ResponseHandler (res) {if (res.isok) {var result = b64.decode (res.ResultValue); var dateuperttr = $ .ParseJson (res); return {"Rows": ResultStr.Items, "Total": ResultStr.totalitems};} más {return {"Rows": [], "Total": 0};} QueraRams (params) {return {pagesize: params.limit, pageNumber: params.pageNumber, nombre de usuario: 4};} </script>Pregunta 4. Preguntas reeñadas después de la paginación
Prerrequisito: funciones de búsqueda y paginación personalizadas, como la función de buscar nombres de productos.
Fenómeno: al buscar muñecas inflables, devolver 100 registros y recurrir a la página 5. En este momento, busque barras de masaje, hay 200 datos y el resultado debe ser el registro en la primera página, pero la pantalla real es el resultado en la quinta página. Es decir, después de buscar nuevamente, el número de pagen no ha cambiado.
Solución: simplemente restablezca la opción.
Function Search () {$ ('#TableList'). BootStraptable ({PageNumber: 1, PageSize: 10});}Si aún desea aprender en profundidad, puede hacer clic aquí para aprender y adjuntar dos temas emocionantes a usted: Tutorial de aprendizaje Bootstrap Bootstrap Tutorial práctico
Lo anterior se trata de este artículo, espero que sea útil para el aprendizaje de todos.