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.
Según la mayoría de los dichos en línea: solo restablecer la opción
$ ('#TableList'). BootstraTable ({PageNumber: 1, PageSize: 10});Lo anterior no puede resolver este problema.
La forma correcta de hacerlo es
$ ("#tabla"). bootstraptable ('destruir'); la tabla debe ser destruida primero, de lo contrario, el contenido cargado se retendrá
TableObj.otableInit (); Reinicie la tabla.
El código se ve así:
<script type = "text/javaScript"> $ (function () {tableObj.otableInit (); $ ("#btn_query"). click (function () {$ ("#tb_departments"). bootStraptable ('destruye'); tableObj.otableInit ();}); $ ("#btn_edit"). {$ .messager.alert ('tip', ', seleccione el registro que se eliminará');}); $ ("#btn_add"). Click (function () {var ActionUrl = "@url.action (" _ create ")"; var param = {}; tool.showModal (ActionUrl, param, "nuevo");}); var tabLa TableotableInit: function () {$ ('#tb_departments'). BootstraTable ({url: '/department/getdepartment', // request the url (*) método: 'get', // request del método (*) toolbar: '#toolbar', // cuyo contenedor rayado por el botón de herramientas es verdadero, // donde exhibe el interval de línea cache cache cache, /////////cuyo contenedor rayado por el botón de herramientas es verdadero, // donde exhibe el interval de línea caze cheache, //////////que usa el contenedor rayado por el contenedor es verdadero, // donde exhibe la línea de interval de interval El valor predeterminado es verdadero, por lo que, en general, debe establecer esta propiedad (*) paginación: true, // hace la pantalla de visualización (*) ordenable: false, // realiza la ordenación de ordenación: "ASC", // Método de clasificación // queryparams: tableObj.QueryParams (this), // pase los parámetros (*) QueryParams: function (parámetros) {retorno {pOGEDINDEX: this), // los parámetros (*) this.pageNumber, PageSize: this.pagesize, de departamento: $ ("#txt_search_departmentname"). val (),};} ,pagination lateral: "servidor", // método de paginación: paginación del cliente del cliente, paginación del servidor (*) pagenumber: 1, // inicializando la primera página, la primera página, la primera página, la pagina del cliente, la pagina del servidor (*) Pagenumin (*) pageList: [5, 10, 25, 50, 100], // número de filas por página para seleccionar (*) Buscar: falso, // si para mostrar la búsqueda de la tabla, esta búsqueda es una búsqueda de cliente y no ingresará el servidor, por lo que personalmente creo que no tiene sentido sin sentido strictSearch: true, showcolumns: true, // todas las columnas se muestran: verdadero: verdadero, // el botón de rehesh mínimo mínimo mínimo mínimo: 2, 2, 2, /2, / / / / / / / / / / /el mínimo mínimo de la reheshes mínimas de la rehesh. Número mínimo de columnas permitidas ClickToSelect: True, // ¿La altura de la fila de clic para seleccionar: 500, // altura de línea? cardView: false, // realiza la vista detallada detallview: false, // hace las columnas de la tabla matriz e infantil: [{{// campo: 'depptid', // campo: 'depptid', chechbox: true}, {campo: 'deptname', title: 'name de departamento'}, {campo: 'Createby', Title: 'ADDOL (val) {return val == 'Undefined' ||! Val?Lo anterior es la solución a la tabla de bootstrap y vuelve a buscar el problema después de que se le presente la tabla de bootstrap. Espero que te sea útil. Si tiene alguna pregunta, déjame un mensaje y el editor le responderá a tiempo. ¡Muchas gracias por su apoyo al sitio web de Wulin.com!