JBOSS 點滴

          豐豐的博客

          導航

          <2019年5月>
          2829301234
          567891011
          12131415161718
          19202122232425
          2627282930311
          2345678

          統(tǒng)計

          公告

          我想成功,在老之前!

          常用鏈接

          留言簿(6)

          隨筆分類

          隨筆檔案

          文章分類

          文章檔案

          相冊

          收藏夾

          blogjava

          搜索

          最新評論

          閱讀排行榜

          評論排行榜

          分頁方式:

          前臺:
          <form   method="post" action = "/bbs/list"  id="queryform">
                  
          <input type="hidden" name="start" id="start"/>
                  
          <li>搜索:</li>
                          
          <input type="text" placeholder="請輸入公告名稱" name="title"  th:value ="${queryBbs.title}" />
                        
          <href="javascript:void(0)" class="button border-main icon-search" onclick="changesearch()" > 搜索</a>
              
          </form>
              //搜索
              function changesearch() {
                  $(
          "#queryform").submit();
              }
          通過page傳值
          <div class="pagelist" th:include="common/footer::page"/>
          包含頁面
          <!--fotter-->
          <div class="pagelist" th:fragment="page">
              
          <a th:onclick="javascript:page(0)">[首 頁]</a>
              
          <a th:onclick="javascript:page([[${page.pageNum}]]-1)">[上一頁]</a>
              
          <a th:onclick="javascript:page([[${page.pageNum}]]+1)">[下一頁]</a>
              
          <a th:onclick="javascript:page([[${page.pages}]])">[尾 頁]</a>
              共[[${page.total}]]條記錄
          </div>
          //分頁跳轉方法
          function page(pageNum) {
          $(
          "#start").val(pageNum);
          $(
          "#queryform").submit();
          }
          此種方法可以將搜索查詢框內容通過form表單的方式提交給controller,controller再分頁,但點“下一頁”事件多點二次很容易導致瀏覽器假死。

          第二種方式:直接通過href傳值,這種方式不死機。
                                  <div class="pagelist">
                                  
          <th:href="@{/bbs/list(start=0,title=${queryBbs.title})}">[首  頁]</a>
                                  
          <th:href="@{/bbs/list(start=${page.pageNum-1},title=${queryBbs.title})}">[上一頁]</a>
                                  
          <th:href="@{/bbs/list(start=${page.pageNum+1},title=${queryBbs.title})}">[下一頁]</a>
                                  
          <th:href="@{/bbs/list(start=${page.pages},title=${queryBbs.title})}">[尾  頁]</a>
                                      共[[${page.total}]]條記錄
                                  
          </div>

          posted on 2019-05-15 15:21 半導體 閱讀(124) 評論(0)  編輯  收藏


          只有注冊用戶登錄后才能發(fā)表評論。


          網(wǎng)站導航:
           
          主站蜘蛛池模板: 贺兰县| 民权县| 阳春市| 固阳县| 临汾市| 富源县| 德兴市| 顺义区| 望奎县| 翁源县| 孟连| 龙海市| 镇平县| 景泰县| 唐山市| 吉木乃县| 辽宁省| 定远县| 周宁县| 同江市| 陈巴尔虎旗| 泾川县| 清丰县| 习水县| 乳山市| 余姚市| 湘西| 中江县| 浦东新区| 塘沽区| 南溪县| 四平市| 当雄县| 定陶县| 乡城县| 绍兴县| 神农架林区| 托克逊县| 苏州市| 临桂县| 麻城市|