Asp.net mvc實現通過下拉框選擇頁碼後自動跳頁

來源:互聯網
上載者:User

因為我們的分頁 支援通過下拉框選擇頁碼後自動跳頁 有點兒像webform 的autopostback  而我們又是get 提交版的  需要解決一個問題 選擇後自動跳頁 需要帶上以前的查詢條件 不能跳完頁以後 查詢條件消失了

用一個隱藏的a 標籤  這個a 標籤產生的串連 儲存了當前的查詢條件等  他的頁面數 顯示成"*pageindex*  當我們選擇下拉框跳頁後 用選擇的值 替換這個"*pageindex*  然後跳轉到當前href 則解決了上述問題 

 上代碼

    <text>跳轉至</text>
    <select id="pageselect" onchange="selectchange()">
        @for (int i = 1; i <=@Model.TotalPageCount; i++)
            {
                var selected = "";
                if (i==Model.CurrentPageIndex)
                {
                    selected = "selected='selected'";
                }            
            <option value="@i" @selected>@i</option>
            }
    </select>
    
    {
        dict["PageIndex"] = "*pageindex*";
    }
    <a style="display:none" id="pagelink" href="@Url.RouteUrl(dict)" ></a>
    //  
    <script type="text/javascript">

            function selectchange() {
                var pageselect = document.getElementById("pageselect");
                var pageselectValue = pageselect.options[pageselect.selectedIndex].value;

                var linkdom= document.getElementById("pagelink");
                var href = linkdom.href;
                href = href.replace("*pageindex*", pageselectValue);

                window.location = href;
 
            }
    </script>
    
    <text>頁</text>
相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.