Browse Source

Merge pull request #7150 from wenzhixin/fix/6977

Fixed page jump to bug when using both pagination display
文翼 1 year ago
parent
commit
94c776d3bc
1 changed files with 26 additions and 24 deletions
  1. 26 24
      src/extensions/page-jump-to/bootstrap-table-page-jump-to.js

+ 26 - 24
src/extensions/page-jump-to/bootstrap-table-page-jump-to.js

@@ -32,37 +32,39 @@ $.BootstrapTable = class extends $.BootstrapTable {
             value="${this.options.pageNumber}"
             min="1"
             max="${this.totalPages}">`,
-          `<button class="${this.constants.buttonsClass}"  type="button">
+          `<button class="${this.constants.buttonsClass}" type="button">
           ${this.options.formatJumpTo()}
           </button>`)
         ).addClass('page-jump-to').appendTo($pageGroup)
 
-        const $input = $jumpTo.find('input')
+        for (const el of $jumpTo) {
+          const $input = $(el).find('input')
 
-        $jumpTo.find('button').click(() => {
-          this.selectPage(+$input.val())
-        })
-
-        $input.keyup(e => {
-          if ($input.val() === '') {
-            return
-          }
-          if (e.keyCode === 13) {
+          $(el).find('button').click(() => {
             this.selectPage(+$input.val())
-            return
-          }
-          if (+$input.val() < +$input.attr('min')) {
-            $input.val($input.attr('min'))
-          } else if (+$input.val() > +$input.attr('max')) {
-            $input.val($input.attr('max'))
-          }
-        })
+          })
+
+          $input.keyup(e => {
+            if ($input.val() === '') {
+              return
+            }
+            if (e.keyCode === 13) {
+              this.selectPage(+$input.val())
+              return
+            }
+            if (+$input.val() < +$input.attr('min')) {
+              $input.val($input.attr('min'))
+            } else if (+$input.val() > +$input.attr('max')) {
+              $input.val($input.attr('max'))
+            }
+          })
 
-        $input.blur(() => {
-          if ($input.val() === '') {
-            $input.val(this.options.pageNumber)
-          }
-        })
+          $input.blur(() => {
+            if ($input.val() === '') {
+              $input.val(this.options.pageNumber)
+            }
+          })
+        }
       }
     }
   }