<span id="mktg5"></span>

<i id="mktg5"><meter id="mktg5"></meter></i>

        <label id="mktg5"><meter id="mktg5"></meter></label>
        最新文章專題視頻專題問答1問答10問答100問答1000問答2000關鍵字專題1關鍵字專題50關鍵字專題500關鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關鍵字專題關鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
        問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
        當前位置: 首頁 - 科技 - 知識百科 - 正文

        ASP.Net MVC+Data Table實現分頁+排序功能的方法

        來源:懂視網 責編:小采 時間:2020-11-27 22:35:41
        文檔

        ASP.Net MVC+Data Table實現分頁+排序功能的方法

        ASP.Net MVC+Data Table實現分頁+排序功能的方法:本文實例講述了ASP.Net MVC+Data Table實現分頁+排序功能的方法。分享給大家供大家參考,具體如下: 實現思路: 使用datatable內置的分頁,排序 使用attribute+反射來控制需要排序和顯示的字段以及順序 分離排序和顯示邏輯 若要添加搜索邏輯只需要傳遞搜索的
        推薦度:
        導讀ASP.Net MVC+Data Table實現分頁+排序功能的方法:本文實例講述了ASP.Net MVC+Data Table實現分頁+排序功能的方法。分享給大家供大家參考,具體如下: 實現思路: 使用datatable內置的分頁,排序 使用attribute+反射來控制需要排序和顯示的字段以及順序 分離排序和顯示邏輯 若要添加搜索邏輯只需要傳遞搜索的

        本文實例講述了ASP.Net MVC+Data Table實現分頁+排序功能的方法。分享給大家供大家參考,具體如下:

        實現思路:

        使用datatable內置的分頁,排序
        使用attribute+反射來控制需要排序和顯示的字段以及順序
        分離排序和顯示邏輯
        若要添加搜索邏輯只需要傳遞搜索的字段到后端即可(js初始化時把"searching": false拿掉)。

        View :

        @using BCMS.BusinessLogic
        @using BCMS.BusinessLogic.Models
        @model List<BusCaptainObj>
        <table id="tblData" class="table table-striped">
         <thead>
         <tr class="data-list">
         <th style="width:10%;">@Html.DisplayNameFor(model => model.First().PersNo)</th>
         <th style="width:30%;">@Html.DisplayNameFor(model => model.First().Personnel_Name)</th>
         <th style="width:20%;">@Html.DisplayNameFor(model => model.First().Position)</th>
         <th style="width:20%;">@Html.DisplayNameFor(model => model.First().Interchange)</th>
         <th style="width:20%;">Action</th>
         </tr>
         </thead>
        </table>
        @section scripts {
         <script type="text/javascript">
         @{
         var columns = DataTableHelper.DisplayColumns<BusCaptainObj>();
         }
         $(document).ready(function () {
         $('#tblData').dataTable({
         "processing": true,
         "serverSide": true,
         "searching": false,
         "stateSave": true,
         "oLanguage": { "sInfoFiltered": "" },
         "ajax": {
         "url": @Url.Action("GetJsonData"),
         "type": "GET"
         },
         "columns": [
         { "data": "@columns[0]" },
         { "data": "@columns[1]" },
         { "data": "@columns[2]" },
         { "data": "@columns[3]" },
         {
         "data": "@columns[0]",
         "orderable": false,
         "searchable": false,
         "render": function (data, type, full, meta) {
         if (type === 'display') {
         return GetDetailButton("/BusCaptain/Detail?bcId=", data) + GetInfoButton("/Telematics?bcId=", data, "Performance");
         } else { return data; }
         }
         }
         ],
         "order": [[0, "asc"]]
         });
         });
         </script>
        }
        
        

        Controller :

        public ActionResult GetJsonData(int draw, int start, int length)
        {
         string search = Request.QueryString[DataTableQueryString.Searching];
         string sortColumn = "";
         string sortDirection = "asc";
         if (Request.QueryString[DataTableQueryString.OrderingColumn] != null)
         {
         sortColumn = GetSortColumn(Request.QueryString[DataTableQueryString.OrderingColumn]);
         }
         if (Request.QueryString[DataTableQueryString.OrderingDir] != null)
         {
         sortDirection = Request.QueryString[DataTableQueryString.OrderingDir];
         }
         DataTableData dataTableData = new DataTableData();
         dataTableData.draw = draw;
         int recordsFiltered = 0;
         dataTableData.data = BusCaptainService.Instance.SearchMyBuscaptains(User.Identity.Name, out recordsFiltered, start, length, sortColumn, sortDirection, search).Data;
         dataTableData.recordsFiltered = recordsFiltered;
         return Json(dataTableData, JsonRequestBehavior.AllowGet);
        }
        public string GetSortColumn(string sortColumnNo)
        {
         var name = DataTableHelper.SoringColumnName<BusCaptainObj>(sortColumnNo);
         return name;
        }
        public class DataTableData
        {
         public int draw { get; set; }
         public int recordsFiltered { get; set; }
         public List<BusCaptainObj> data { get; set; }
        }
        
        

        Model :

        class XXX{
        ...
         [DisplayColumn(0)]
         [SortingColumn(0)]
         public int? A { get; set; }
         [DisplayColumn(1)]
         [SortingColumn(1)]
         public string B { get; set; }
        ...
        }
        
        

        Helper class :

        public class SortingColumnAttribute : Attribute
        {
         public int Index { get; }
         public SortingColumnAttribute(int index)
         {
         Index = index;
         }
        }
        public class DisplayColumnAttribute : Attribute
        {
         public int Index { get; }
         public DisplayColumnAttribute(int index)
         {
         Index = index;
         }
        }
        public static class DataTableQueryString
        {
         public static string OrderingColumn = "order[0][column]";
         public static string OrderingDir = "order[0][dir]";
         public static string Searching = "search[value]";
        }
        public static class DataTableHelper
        {
         public static IList<string> DisplayColumns<T>()
         {
         var result = new Dictionary<int, string>();
         var props = typeof(T).GetProperties();
         foreach (var propertyInfo in props)
         {
         var propAttr =
         propertyInfo
         .GetCustomAttributes(false)
         .OfType<DisplayColumnAttribute>()
         .FirstOrDefault();
         if (propAttr != null)
         {
         result.Add(propAttr.Index,propertyInfo.Name);
         }
         }
         return result.OrderBy(x => x.Key).Select(x => x.Value).ToList();
         }
         public static string SoringColumnName<T>(string columnIndex)
         {
         int index;
         if (!int.TryParse(columnIndex, out index))
         {
         throw new ArgumentOutOfRangeException();
         }
         return SoringColumnName<T>(index);
         }
         public static string SoringColumnName<T>(int index)
         {
         var props = typeof(T).GetProperties();
         foreach (var propertyInfo in props)
         {
         var propAttr =
         propertyInfo
         .GetCustomAttributes(false)
         .OfType<SortingColumnAttribute>()
         .FirstOrDefault();
         if (propAttr != null && propAttr.Index == index)
         {
         return propertyInfo.Name;
         }
         }
         return "";
         }
        }
        
        

        Query:

        ...
        var query = context.BusCaptains
         .Where(x => ...)
         .OrderByEx(sortDirection, sortField)
         .Skip(start)
         .Take(pageSize);
        ...
        
        

        LINQ Helper :

        ...
        public static IQueryable<T> OrderByEx<T>(this IQueryable<T> q, string direction, string fieldName)
         {
         try
         {
         var customProperty = typeof(T).GetCustomAttributes(false).OfType<ColumnAttribute>().FirstOrDefault();
         if (customProperty != null)
         {
         fieldName = customProperty.Name;
         }
         var param = Expression.Parameter(typeof(T), "p");
         var prop = Expression.Property(param, fieldName);
         var exp = Expression.Lambda(prop, param);
         string method = direction.ToLower() == "asc" ? "OrderBy" : "OrderByDescending";
         Type[] types = new Type[] {q.ElementType, exp.Body.Type};
         var mce = Expression.Call(typeof(Queryable), method, types, q.Expression, exp);
         return q.Provider.CreateQuery<T>(mce);
         }
         catch (Exception ex)
         {
         _log.ErrorFormat("error form OrderByEx.");
         _log.Error(ex);
         throw ;
         }
         }
        ...
        
        

        更多關于asp.net相關內容感興趣的讀者可查看本站專題:《asp.net優化技巧總結》、《asp.net字符串操作技巧匯總》、《asp.net操作XML技巧總結》、《asp.net文件操作技巧匯總》、《asp.net ajax技巧總結專題》及《asp.net緩存操作技巧總結》。

        希望本文所述對大家asp.net程序設計有所幫助。

        聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

        文檔

        ASP.Net MVC+Data Table實現分頁+排序功能的方法

        ASP.Net MVC+Data Table實現分頁+排序功能的方法:本文實例講述了ASP.Net MVC+Data Table實現分頁+排序功能的方法。分享給大家供大家參考,具體如下: 實現思路: 使用datatable內置的分頁,排序 使用attribute+反射來控制需要排序和顯示的字段以及順序 分離排序和顯示邏輯 若要添加搜索邏輯只需要傳遞搜索的
        推薦度:
        標簽: 排序 分頁 data
        • 熱門焦點

        最新推薦

        猜你喜歡

        熱門推薦

        專題
        Top
        主站蜘蛛池模板: 337p日本欧洲亚洲大胆裸体艺术| 久久精品亚洲福利| 日本亚洲免费无线码| 成人毛片免费观看| 亚洲视频一区二区| 久久精品国产亚洲αv忘忧草| 一级做a爰片久久免费| 国产91免费视频| 国产中文在线亚洲精品官网| 极品色天使在线婷婷天堂亚洲| 少妇太爽了在线观看免费视频| 国产免费131美女视频| 亚洲综合小说久久另类区| 羞羞视频网站免费入口| 成人午夜免费福利视频| 亚洲国产精品国产自在在线| 亚洲色成人四虎在线观看| 免费在线看黄网站| 免费看大美女大黄大色| 亚洲精品国产免费| 亚洲免费综合色在线视频| 亚洲视频在线免费观看| 中文字幕久无码免费久久| 免费看国产曰批40分钟| 一区二区三区免费视频网站| 亚洲精品无码不卡在线播HE| 农村寡妇一级毛片免费看视频| 欧美好看的免费电影在线观看| 亚洲黄色免费网站| 国产麻豆一精品一AV一免费| 亚洲国产精品久久久久| 免费可以在线看A∨网站| 牛牛在线精品免费视频观看| 九月丁香婷婷亚洲综合色| 亚洲精品偷拍视频免费观看| 免费a级毛片永久免费| 国产成人人综合亚洲欧美丁香花| 国产精品亚洲美女久久久| 97视频免费观看2区| 亚洲一区二区三区高清| 99精品视频免费在线观看|