Préalable: fonctions de recherche et de pagination personnalisées, telles que la fonction de la recherche de noms de produits.
Phénomène: Lors de la recherche de poupées gonflables, retournez 100 enregistrements et tournez-vous à la page 5. À l'heure actuelle, recherchez des bâtons de massage, il y a 200 données et le résultat devrait être l'enregistrement sur la première page, mais l'affichage réel est le résultat sur la cinquième page. Autrement dit, après la recherche, le Pagenumber n'a pas changé.
Selon la plupart du dicton en ligne: Réinitialisez l'option
$ ('# tableList'). bootstraptable ({pageNumber: 1, pagesize: 10});Ce qui précède ne peut pas résoudre ce problème.
La bonne façon de le faire est
$ ("# Table"). Bootstraptable («Destre»); la table doit être détruite en premier, sinon le contenu chargé en dernier sera conservé
TableoBj.otableInit (); Réinitialiser le tableau.
Le code ressemble à ceci:
<script type = "text / javascript"> $ (function () {tableoBj.otableInit (); $ ("# btn_query"). cliquez sur (function () {$ ("# tb_departments"). bootstraptable ('détruire'); table {$ .messager.alert ('tip', 'veuillez sélectionner l'enregistrement à supprimer');}); $ ("# btn_add"). Cliquez sur (fonction () {var actionUrl = "@ url.action (" _ create ")"; var paramar = {}; tool.showmodal (actionUrl, param, "new");})}); TableoTableInit: function () {$ ('# tb_departments'). Bootstraptable ({url: '/ département / getDepartment', // demande la méthode URL (*): 'get', // la méthode de demande (*) Barbar: '#toolbar', // Quel conteneur est à la bande de l'outil, à utiliser, à utiliser, à faire, à afficher la couleur de la couleur CACHE: FACELD, SO TOLA La valeur par défaut est vraie, donc en général, vous devez définir cette propriété (*) pagination: true, // La page affiche (*) sortable: false, // le sortOrder Activer: "ASC", // Tri Method // QueryParams: TableoBj.QueryParams (this), // passe les paramètres (*) QueryParams: fonction (params) {return {PagedIndex: this.pageNumber,PagedSize: this.pageSize,DeptName: $("#txt_search_departmentname").val(),};},sidePagination: "server", //Pagination method: client client pagination, server server pagination (*) pageNumber: 1, //Initialize the first page to load, default first page pageSize: 5, //Number of record rows per page (*) PageList: [5, 10, 25, 50, 100], // Nombre de lignes par page pour sélectionner (*) Recherche: false, //, s'il faut afficher la recherche de table, cette recherche est une recherche client et je n'entrerai pas sur le serveur, donc je pense personnellement qu'il est sans signification STRICTSEARCH: VRAI, ShowColumns: TRUE, // Does Clomns ShowreFresh: Vrai, // fait le bouton de réfresh Nombre minimum de colonnes autorisées ClickToselect: TRUE, // Cliquez sur la hauteur de la ligne: 500, // Hauteur de ligne. Voir CardView: false, // La vue détaillée est-elle de détail View: False, // fait les colonnes de table parent et enfant: [{// field: 'Deptid', // Field: 'Deptid', Checkbox: true}, {fiel (val) {return val == 'Undefined' ||!Ce qui précède est la solution à la pagination de la table d'amorçage et à la recherche du problème après que la table bootstrap vous a été présentée. J'espère que cela vous sera utile. Si vous avez des questions, veuillez me laisser un message et l'éditeur vous répondra à temps. Merci beaucoup pour votre soutien au site Web Wulin.com!