天天躁日日躁狠狠躁AV麻豆-天天躁人人躁人人躁狂躁-天天澡夜夜澡人人澡-天天影视香色欲综合网-国产成人女人在线视频观看-国产成人女人视频在线观看

JQuery 構(gòu)建客戶/服務(wù)分離的鏈接模型中Table中的排序分析

但在這個(gè)模型中,由于不能利用這些控件,我們需要借助純Javascript和html靜態(tài)代碼來實(shí)現(xiàn),感覺好像挺麻煩的?其實(shí)呢......
分頁代碼既然由Webservice接口服務(wù)端中間層處理好回傳回來,那么我們的排序代碼也可以這樣的,只是在回傳前進(jìn)行排序就ok了,下面就分析一下。
  看過上篇的文章,可以知道在Webservice接口服務(wù)端中間層處理數(shù)據(jù)是操縱泛型的List對象
代碼
復(fù)制代碼 代碼如下:
List<TB_WEB_NZ_INVESTMENT> list = new List<TB_WEB_NZ_INVESTMENT>();
list = objBusinessFacade.GetTB_WEB_NZ_INVESTMENT_CollectionByFlowID(FlowID);
return new JavaScriptSerializer().Serialize(list);

那么我們的排序代碼就嵌在 藍(lán)色行 和 紅色行 之間。
如何排序呢?List這個(gè)對象里面有個(gè)Sort()方法

顯然我們不能使用默認(rèn)比較器來進(jìn)行排序,因?yàn)槿绻@樣就達(dá)不到目的(我們需要在頁面點(diǎn)擊某列就按該列進(jìn)行排序,而默認(rèn)比較器就達(dá)不到這種精準(zhǔn)的控制),注:這里并未采用在數(shù)據(jù)庫上進(jìn)行排序,為什么?因?yàn)橥ㄟ^List泛型對象可以處理的事情就沒必要又要通過數(shù)據(jù)庫來解決。
List.Sort (泛型 IComparer)
IComparer 是接口由 System.Collections.Generic.List.Sort 和 System.Collections.Generic.List.BinarySearch 方法使用。它提供一種自定義集合排序順序的方法。
該接口有一個(gè)需要重載的方法 int Compare(a,b)
通過調(diào)整參數(shù)a,b的順序?qū)崿F(xiàn)升序和降序排列
復(fù)制代碼 代碼如下:
public int Compare(obj x , obj y)
{
//如果比較的列所對應(yīng)的表字段的數(shù)據(jù)類型是DateTime,不同的數(shù)據(jù)類型對應(yīng)不同的
return DateTime.Compare(x,y); -- 升序
//return DateTime.Compare(y,x); -- 降序
}

開始構(gòu)建中間層比較器對象
代碼
復(fù)制代碼 代碼如下:
/// <summary>
/// 對象【出資人】比較器
/// </summary>
public class ContributivePerson_INV_Comparer : IComparer<TB_WEB_NZ_INVESTMENT>
{
private ESortType m_ESortType = ESortType.ASC;
public ContributivePerson_INV_Comparer(ESortType eSortType)
{
m_ESortType = eSortType;
}
public int Compare(TB_WEB_NZ_INVESTMENT x, TB_WEB_NZ_INVESTMENT y)
{
int rtnCompare = 0; ;
switch (m_ESortType)
{
case ESortType.ASC:
rtnCompare = string.Compare(x.INV, y.INV);
break;
case ESortType.DESC:
rtnCompare = string.Compare(y.INV, x.INV);
break;
}//switch
return rtnCompare;
}
}//class
/// <summary>
/// 【余額繳付期限】比較器
/// </summary>
public class ContributivePerson_BALDEPER_Comparer : IComparer<TB_WEB_NZ_INVESTMENT>
{
private ESortType m_ESortType = ESortType.ASC;
public ContributivePerson_BALDEPER_Comparer(ESortType eSortType)
{
m_ESortType = eSortType;
}
public int Compare(TB_WEB_NZ_INVESTMENT x, TB_WEB_NZ_INVESTMENT y)
{
int rtnCompare = 0; ;
DateTime xDateTime = DateTime.Parse(x.BALDEPER.ToString());
DateTime yDateTime = DateTime.Parse(y.BALDEPER.ToString());
switch (m_ESortType)
{
case ESortType.ASC:
rtnCompare = DateTime.Compare(xDateTime, yDateTime);
break;
case ESortType.DESC:
rtnCompare = DateTime.Compare(yDateTime, xDateTime);
break;
}//switch
return rtnCompare;
}
}//class

從以上代碼中,我們構(gòu)造了兩個(gè)比較器,分別是【出資人】,【余額繳付期限】
我們構(gòu)造一個(gè)工廠方法,來方便調(diào)用
代碼
復(fù)制代碼 代碼如下:
/// <summary>
/// 對象排序比較器工廠
/// </summary>
public class ContributivePerson_SortComparerFactory
{
/// <summary>
///
/// </summary>
/// <param name="FieldName"></param>
/// <returns></returns>
public IComparer<TB_WEB_NZ_INVESTMENT> GetSortComparer(string FieldName, ESortType eSortType)
{
IComparer<TB_WEB_NZ_INVESTMENT> IComparer = null;
switch (FieldName)
{
case "BALDEPER"://余額繳付期限
IComparer = new ContributivePerson_BALDEPER_Comparer(eSortType);
break;
case "INV"://投資人
IComparer = new ContributivePerson_INV_Comparer(eSortType);
break;
}//switch
return IComparer;
}
}//class

下面我們進(jìn)行運(yùn)用,這個(gè)方法是一個(gè)Webservice接口端的新寫的方法,我們看見紅色代碼段是排序塊,綠色注解是過濾代碼塊(代碼已經(jīng)略去)
代碼
復(fù)制代碼 代碼如下:
/// <summary>
/// 分頁功能的表格填充服務(wù)端(帶排序)
/// </summary>
/// <param name="FlowID"></param>
/// <param name="PageCount">每頁數(shù)目</param>
/// <param name="CurrentPage">當(dāng)前頁</param>
/// <param name="SortType">排序類型:"ASC" ,"DESC"</param>
/// <returns></returns>
[WebMethod]
[ScriptMethod(ResponseFormat = ResponseFormat.Json)]
public string Load_ContributivePerson_Table_Sort(string FlowID, int PageCount,
int CurrentPage, string SortType, string SortFieldName)
{
List<TB_WEB_NZ_INVESTMENT> list = new List<TB_WEB_NZ_INVESTMENT>();
list = objBusinessFacade.GetTB_WEB_NZ_INVESTMENT_CollectionByFlowID(FlowID);
ContributivePerson_SortComparerFactory objFactory = new ContributivePerson_SortComparerFactory();
IComparer<TB_WEB_NZ_INVESTMENT> objSort = null;
if (SortType.ToUpper().Trim() == "ASC")
{
objSort = objFactory.GetSortComparer(SortFieldName,ESortType.ASC);
}
else if (SortType.ToUpper().Trim() == "DESC")
{
objSort = objFactory.GetSortComparer(SortFieldName, ESortType.DESC);
}
list.Sort(objSort);
//部分代碼略去,略去代碼可參看上篇文章
return new JavaScriptSerializer().Serialize(list);
}

通過添加比較器,我們達(dá)到了在泛型list對象上的隨心所欲的排序,而不需要通過SQL語句進(jìn)行排序。在客戶端的頁面只要添加必要的參數(shù)就可以實(shí)現(xiàn)了,中間層服務(wù)端已經(jīng)實(shí)現(xiàn)了全部的核心,客戶端代碼只需要判別是哪個(gè)列要進(jìn)行排序,同時(shí)注意【首頁】【】等按排序的順序翻頁即可,這里客戶端的代碼略去
效果圖:
按【余額繳付期限】列進(jìn)行升序排列

 

按【投資人】降序排列

JavaScript技術(shù)JQuery 構(gòu)建客戶/服務(wù)分離的鏈接模型中Table中的排序分析,轉(zhuǎn)載需保留來源!

鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標(biāo)記有誤,請第一時(shí)間聯(lián)系我們修改或刪除,多謝。

主站蜘蛛池模板: 男男校园园bl文全肉高h寝室 | 老师的快感电影完整版 | 日本高清无人区影院 | 国产成人精品三级在线 | 人妻熟女斩五十路0930 | 国产一在线精品一区在线观看 | 免费亚洲视频在线观看 | 伊人不卡久久大香线蕉综合影院 | 亚洲 欧美 制服 校园 动漫 | 欧美亚洲另类丝袜自拍动漫 | 98久久无码一区人妻A片蜜 | 西西人体大胆牲交PP6777 | 思思99热久久精品在线6 | 国产毛A片久久久久久无码 国产毛A片啊久久久久久A | 99视频精品国产在线视频 | 一色屋精品亚洲香蕉网站 | 国产成a人片在线观看视频99 | 她也色在线视频站 | 国偷自产视频一区二区久 | 国产精品久久人妻无码蜜 | 亚洲精品日韩在线观看视频 | 欧美ZC0O人与善交的最新章节 | 欧美激情精品久久久久久不卡 | 24小时日本免费看 | 午夜亚洲动漫精品AV网站 | 青草精品国产福利在线视频 | 国产在线成人一区二区三区 | 乡村教师电影版 | 极品色αv影院 | 2022久久精品国产色蜜蜜麻豆 | 爱很烂qvod| 91精品一区二区三区在线观看 | 娇小萝被两个黑人用半米长 | 国产三级在线观看视频 | 偷拍精品视频一区二区三区 | 18禁止观看免费私人影院 | 亚洲精品一卡二卡三卡四卡2021 | 凹凸精品视频分类视频 | 女性爽爽影院免费观看 | 久久精品99热超碰 | 广东95后小情侣酒店自拍流出 |