日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當(dāng)前位置: 首頁 > 编程语言 > asp.net >内容正文

asp.net

在ASP.NET MVC中进行排序

發(fā)布時(shí)間:2025/7/14 asp.net 19 豆豆
生活随笔 收集整理的這篇文章主要介紹了 在ASP.NET MVC中进行排序 小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.

在上一篇文章中曾經(jīng)說了一個(gè)排序,當(dāng)然,那個(gè)是客戶端的排序,能力有限。

但是在我的項(xiàng)目中卻真的就需要一個(gè)排序功能,鄙人不才,能力有限,寫了一堆丑陋的代碼,僅實(shí)現(xiàn)了功能,希望路過的神們r(jià)eview下。

好,廢話不多說,直接【插入】主題吧。(咦?這個(gè)詞很好啊。)

首先早Models里創(chuàng)建一個(gè)實(shí)體,這里沒弄數(shù)據(jù)庫,湊合湊合吧,就瞎寫了個(gè)實(shí)體。

代碼如下:

public class UserInfo
{
public int ID { set; get; }
public string Name { set; get; }
public int Age { set; get; }
}

然后創(chuàng)建一個(gè)controller,代碼如下:

public ActionResult Index()
{

return View();
}

然后是創(chuàng)建一個(gè)view。

由于是隨便寫寫,所以就不在弄bll了。在controller里創(chuàng)建3個(gè)方法。

第一個(gè)充當(dāng)數(shù)據(jù)源:

[NonAction]
private List<UserInfo> AllUsers()
{
List
<UserInfo> list = new List<UserInfo>();
list.Add(
new UserInfo() {ID=1,Name="張三",Age=18 });
list.Add(
new UserInfo() { ID = 2, Name = "李四", Age = 18 });
list.Add(
new UserInfo() { ID = 3, Name = "王五", Age = 17 });
list.Add(
new UserInfo() { ID = 4, Name = "趙六", Age = 19 });
list.Add(
new UserInfo() { ID = 5, Name = "田七", Age = 22 });
list.Add(
new UserInfo() { ID = 6, Name = "周八", Age = 10 });
list.Add(
new UserInfo() { ID = 7, Name = "吳九", Age = 33 });
list.Add(
new UserInfo() { ID = 8, Name = "鄭十", Age = 26 });
return list;
}

當(dāng)然,別忘記引命名空間。

第二個(gè)和第三個(gè)是排序的重載方法,(丑陋的代碼來了)

[NonAction]
private List<UserInfo> GetUsers()
{
return AllUsers();
}
[NonAction]
private List<UserInfo> GetUsers(string sort, bool? desc)
{
List
<UserInfo> list = AllUsers();
if (desc==true)
{
switch (sort)
{
case "ID":
list
= list.OrderByDescending(m => m.ID).ToList();
break;
case "Name":
list
= list.OrderByDescending(m => m.Name).ToList();
break;
case "Age":
list
= list.OrderByDescending(m => m.Age).ToList();
break;
}

}
else
{
switch (sort)
{
case "ID":
list
= list.OrderBy(m => m.ID).ToList();
break;
case "Name":
list
= list.OrderBy(m => m.Name).ToList();
break;
case "Age":
list
= list.OrderBy(m => m.Age).ToList();
break;
}

}
return list;
}

由于desc是bool?,所以我只會這樣判斷。

然后是action的代碼:

public ActionResult Index(string sort,bool? desc)
{
List
<UserInfo> list ;
if (String.IsNullOrEmpty(sort) && desc != null)
{
list
= GetUsers();
}
else
{
list
= GetUsers(sort, desc);
}

ViewBag.sort
= sort;
ViewBag.desc
= !desc;
return View(list);
}

這兩個(gè)viewbag其實(shí)就是以前的viewdata,在這里需要傳遞到view中,充當(dāng)開關(guān)。

那么我們就來看view里的代碼吧,其實(shí)很簡單:

<table>
<tr>
<th>
<%:Html.ActionLink("ID","Index",new{sort="ID",desc = ViewBag.sort=="ID"?ViewBag.desc:true}) %>
</th>
<th>
<%:Html.ActionLink("姓名","Index",new{sort="Name",desc=ViewBag.sort=="Name"?ViewBag.desc:true}) %>
</th>
<th>
<%:Html.ActionLink("年齡","Index",new{sort="Age",desc=ViewBag.sort=="Age"?ViewBag.desc:true}) %>
</th>
</tr>
<%foreach (MvcApplication1.Models.UserInfo info in Model)
{
%>
<tr>
<td>
<%:info.ID %>
</td>
<td>
<%:info.Name %>
</td>
<td>
<%:info.Age %>
</td>
</tr>
<%} %>
</table>

當(dāng)然,記得把view做成強(qiáng)類型。

這樣,在點(diǎn)擊列頭的時(shí)候就實(shí)現(xiàn)了排序。

當(dāng)然,可能有人喜歡無刷排序,或許有人會說,應(yīng)該很麻煩吧。其實(shí)在ASP.NET MVC 3中,很多東西都是現(xiàn)成的,必須把剛才的功能做成ajax的。

首先加入js文件:

<script src="http://www.cnblogs.com/Scripts/jquery-1.4.4-vsdoc.js" type="text/javascript"></script>
<script src="http://www.cnblogs.com/Scripts/jquery-1.4.4.min.js" type="text/javascript"></script>
<script src="http://www.cnblogs.com/Scripts/jquery.unobtrusive-ajax.js" type="text/javascript"></script>

然后呢,把table做成局部view,也就是PartialView:

在PartialView中的table中,加上id,記得這個(gè)view也要強(qiáng)類型,就是

<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<List<MvcApplication1.Models.UserInfo>>" %>

<table id="datalist">
<tr>
<th>
<%:Html.ActionLink("ID","Index",new{sort="ID",desc = ViewBag.sort=="ID"?ViewBag.desc:true}) %>
</th>
<th>
<%:Html.ActionLink("姓名","Index",new{sort="Name",desc=ViewBag.sort=="Name"?ViewBag.desc:true}) %>
</th>
<th>
<%:Html.ActionLink("年齡","Index",new{sort="Age",desc=ViewBag.sort=="Age"?ViewBag.desc:true}) %>
</th>
</tr>
<%foreach (MvcApplication1.Models.UserInfo info in Model)
{
%>
<tr>
<td>
<%:info.ID %>
</td>
<td>
<%:info.Name %>
</td>
<td>
<%:info.Age %>
</td>
</tr>
<%} %>
</table>

那么,default1這個(gè)view中代碼就變成:

<div>
<%:Html.Partial("ViewUserControl1",Model) %>
</div>

下面,僅需要改鏈接就可以了,改成這樣:

<tr>
<th>
<%:Ajax.ActionLink("ID", "Index", new { sort = "ID", desc = ViewBag.sort == "ID" ? ViewBag.desc : true }, new AjaxOptions { UpdateTargetId = "datalist", InsertionMode = InsertionMode.Replace })%>
</th>
<th>
<%:Ajax.ActionLink("姓名", "Index", new { sort = "Name", desc = ViewBag.sort == "Name" ? ViewBag.desc : true }, new AjaxOptions { UpdateTargetId = "datalist", InsertionMode = InsertionMode.Replace })%>
</th>
<th>
<%:Ajax.ActionLink("年齡", "Index", new { sort = "Age", desc = ViewBag.sort == "Age" ? ViewBag.desc : true }, new AjaxOptions { UpdateTargetId = "datalist", InsertionMode = InsertionMode.Replace })%>
</th>
</tr>

其中,updatetargetid是更新的內(nèi)容id,這里就是這個(gè)table,第二個(gè)是替換。

這時(shí)我們運(yùn)行再來看的話,就會發(fā)現(xiàn)現(xiàn)在的排序變成異步的了。怎么樣,很簡單吧。

轉(zhuǎn)載于:https://www.cnblogs.com/fengyishou/archive/2011/04/25/2028513.html

總結(jié)

以上是生活随笔為你收集整理的在ASP.NET MVC中进行排序的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò),歡迎將生活随笔推薦給好友。