En primer lugar, me gustaría agradecer al autor por resolver las preguntas detalladas sobre la paginación de la mesa de arranque y compartirlas con usted. Espero que este artículo pueda ayudarlo a resolver varios problemas en la paginación de la mesa de arranque. Gracias por tu lectura.
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:
1. Configurarlo en QueryParams
2. En el archivo bootstrap-table.minjs, modifique el archivo de origen a "limitar" === 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: Volver a buscar 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 estudiar en profundidad, puede hacer clic aquí para estudiar y adjuntar 3 temas emocionantes a usted:
Tutorial de aprendizaje de bootstrap
Tutorial práctico de bootstrap
Tutorial de uso de la mesa de bootstrap
Tutorial de uso de complemento de bootstrap
Lo anterior se trata de este artículo, espero que sea útil para el aprendizaje de todos.