2013-12-11 40 views
0

我定义我的页面顶部的选择可显示的pageSize(项目列表PR页)获得选择控制的设定值在Asp.net MVC剃刀

 <select name="ddlPageSize" style="text-align:left;width:80px;"> 
     @for (var i = 5; i <= 100; i=i+5){ 

      <option>@i</option> 
     } 
     </select> 

现在,当我想要设置页面大小pagging link like。

<div style="width:inherit; padding:15px 0; clear:both;"> 
    <ul style="text-align:center"> 

     @for (int i = 0; i < (int)Math.Ceiling((decimal)totalCount/(decimal)pageSize); i++) 
     {   
      int page = i + 1; 
      string background = "transparent";//transparent 
      if (pageNo == page) 
      { 
       background = "grey"; 
      } 

      <li style="display:inline; font-size:14px; color:#000; font-weight:bold; font-family:'VAGRound';padding:0 0px; background-color:@background; "> 

       <a href="~/Admin/[email protected]">@page</a> 

      </li> 
     } 
     </ul> 
    </div> 

在HTML锚我想与页面数也通过选定的页面尺寸

<a href="~/Admin/[email protected] & [email protected]">@page</a> 

回答

1

您将需要更改jQuery中ddlPageSize选择指数变化的URL。
下面是相同
How to change the href for a hyperlink using jQuery

首先的链接添加一些类在你anchor,这样你可以很容易地得到您的项目中的jQuery的。

<a class='apager' href="~/Admin/[email protected]">@page</a> 

和使用jQuery如下

$("#ddlPageSize").on("change", function() { 
    var selectedValue=$(this).val(); 
    $(".apager").each(function(item,index){ 
     item.attr("href",item.attr("href")+"&pageSize="+selectedValue); 
    }); 

}); 

注意这只是到目前为止还没有实现的想法。

+0

这个想法帮助我jQuery的提示和想法很多 感谢 –

1

如果您想根据用户选择更新锚链接,则必须在客户端完成。

也使用URL的数据属性。您知道您只会更新当前网页的网址。

<a id="LINKID" data-url="~/Admin/[email protected]" href="">@page</a> 

将函数附加到下拉的更改事件。

$("#ddlPageSize").on("change", function() { 

    $("#LINKID").attr("href", $("#LINKID").data("id") + "&size=" + $("#ddlPageSize").val()) 

}); 

类似的东西...