zoukankan      html  css  js  c++  java
  • Asp.net mvc实现通过下拉框选择页码后自动跳页

    因为我们的分页 支持通过下拉框选择页码后自动跳页 有点儿像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>
  • 相关阅读:
    014、BOM与DOM对象的应用
    013、BOM对象的应用
    001.JS特效
    开发技巧
    AndroidStudio中使用SVN
    AndroidStudio碰到的各种问题
    Activity的生命周期和启动模式
    03.Java多线程并发库API使用2
    php的memcache和memcached扩展区别
    js:关于IE6/7下new Date(值)输出为NaN的解决方案
  • 原文地址:https://www.cnblogs.com/sky7034/p/2801305.html
Copyright © 2011-2022 走看看