簡體   English   中英

數據表服務器端處理C#MVC

[英]Datatable server side processing c# mvc

控制器:

public class HomeController : Controller
{
    public ActionResult Index()
    {
        return View();
    }
    [HttpPost]
    public ActionResult LoadData()
    {
        var draw = Request.Form.GetValues("draw").FirstOrDefault();
        var start = Request.Form.GetValues("start").FirstOrDefault();
        var length = Request.Form.GetValues("length").FirstOrDefault();
        var sortColumn = Request.Form.GetValues("columns[" + Request.Form.GetValues("order[0][column]").FirstOrDefault() + "][name]").FirstOrDefault();
        var sortColumnDir = Request.Form.GetValues("order[0][dir]").FirstOrDefault();
        int pageSize = length != null ? Convert.ToInt32(length) : 0;
        int skip = start != null ? Convert.ToInt32(start) : 0;
        int totalRecord = 0;
        using (ACETeaEntities db = new ACETeaEntities())
        {
            var v = (from item in db.Drinks_Category select item);
            if (!(string.IsNullOrEmpty(sortColumn) && string.IsNullOrEmpty(sortColumnDir)))
            {
                v = v.OrderBy(sortColumn + " " + sortColumnDir);
            }
            totalRecord = v.Count();
            var data = v.Skip(skip).Take(pageSize).ToList();
            return Json(new { draw = draw, recordsFilterd = totalRecord, recordsTotal = totalRecord, data = data }, JsonRequestBehavior.AllowGet);
        }
    }
}

視圖:

<script src="~/Scripts/jquery-1.7.2.js" ></script>

<script src="~/Scripts/DataTables/jquery.dataTables.js" ></script>

<link rel="stylesheet" type="text/css" href="~/Content/DataTables/css/jquery.dataTables.css">


<script>

    $(document).ready(function () {
        $('#example').dataTable({
            "processing": true,
            "serverSide": true,
            "filter": true,
            "ordermulti": false,
            "ajax": {
                "url": "/Home/LoadData",
                "type": "POST",
                "dataType": "json"
            },
            "columns": [
                { "data": "Name_category", "autoWidth": true },
                { "data": "Id_category", "autoWidth": true },
                { "data": "Parent", "autoWidth": true }
            ]
        });
    });
</script>


<div style="margin:30px;">
    <table id="example" class="display" cellspacing="0" width="100%">
        <thead>
            <tr style="text-align:left;">
                <th>Id</th>
                <th>Name</th>
                <th>Parent</th>
            </tr>
        </thead>
        <tfoot>
            <tr style="text-align:left;">      
            </tr>
        </tfoot>
    </table>
</div>

我的代碼錯誤在: v = v.OrderBy(sortColumn + " " + sortColumnDir);

有人可以幫我解決嗎?

使用OrderBy方法時,您需要將要排序的列作為屬性傳遞,並使用其他方法定義方向

例如:

v = v.OrderBy(i => i.myColumn);
v = v.OrderByDescending(i => i.myColumn);

由於您將參數作為字符串獲取,因此有兩個選擇:

1)您可以在傳遞函數之前先構建函數並定義方向

例如:

if (sortColumn == "myColumn")
{
    myOrderByFunc = i => i.myColumn;
}
elseif (sortColumn == "myOtherColumn")
{
    myOrderByFunc = i => i.myOtherColumn;
}

if (direction == "asc")
{
    v = v.OrderBy(myOrderByFunc);
}
elseif (direction == "desc")
{
    v = v.OrderByDescending(myOrderByFunc);
}

2)您可以使用此處提供的System.Linq.Dynamic庫在linq查詢中直接使用字符串(就像您現在所做的那樣)

請注意,您還可以嘗試更新版本的庫System.Linq.Dynamic.Core ,它確實支持OrderByThenBy

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM