最初Jquery Data表无法命中服务器端处理

时间:2016-12-07 00:47:22

标签: javascript c# jquery asp.net-mvc datatables

我在Dotnet MVC中实现了带有服务器端处理的jquery数据表。问题我面临的问题是,当我第一次加载页面时,数据表无法点击服务器端,除非我可以点击排序或更改显示行数或搜索某些内容,如果我做任何此类事情则相关数据很好地显示在数据表中。但第一次加载页面时没有显示数据,除了处理..栏。我的桌子上有300个数据..

这是我的控制器..

public class IndicationController : 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 totalRecords = 0;

        using (DrugInformationContext dc = new DrugInformationContext())
        {
            dc.Configuration.LazyLoadingEnabled = false; 
            var v = (from a in dc.Indications select a);

            if (!(string.IsNullOrEmpty(sortColumn) && string.IsNullOrEmpty(sortColumnDir)))
            {
                v = v.OrderBy(sortColumn + " " + sortColumnDir);
            }

            totalRecords = v.Count();
            var data = v.Skip(skip).Take(pageSize).ToList();
            return Json(
                new {draw = draw, recordsFiltered = totalRecords, recordsTotal = totalRecords, data = data},
                JsonRequestBehavior.AllowGet);
        }
    }
}

,这是我的javascript



<script type="text/javascript">
        
        $(document).ready(function () {
            $("#myTable").DataTable({
                "processing": true,
                "serverSide": true, 
                
                "ajax": {
                    "url": "/Indication/LoadData",
                    "type": "POST",
                    "datatype": "json"
                },
                "columns": [
                        { "data": "IndicationName", "name": "IndicationName" }
                       
                ]
            });
        });

    </script>
&#13;
&#13;
&#13;

我有什么遗失或者我做错了吗?

0 个答案:

没有答案