ASP .NET MVC 中的 jQuery 网格绑定非常慢

Question

我在 ASP 中使用 Infragistics jQuery 网格 .NET MVC 应用程序。我的数据源是引用 SQL 数据库的 ADO .NET 实体模型。这是我的控制器中用于设置网格并提供数据源的代码：

public ActionResult Index()
{
   var model = new GridModel();
   model.DataSourceUrl = Url.Action("GetInstrumentListData");
   this.InitializeGridOptions(model);
   return View(model);
}

public JsonResult GetInstrumentListData()
{
   var model = new GridModel();
   this.InitializeGridOptions(model);
   model.DataSource = _db.InstrumentLists.OrderBy(x => x.Tag).AsQueryable<InstrumentList>();
   return model.GetData();
}

private void InitializeGridOptions(GridModel model)
{
   Code to create columns...

   model.DefaultColumnWidth = "100px";
   model.Width = "100%";
   model.Height = "700px";

   model.Features.Add(new GridFiltering());

   var sort = new GridSorting();
   sort.Mode = SortingMode.Multiple;
   model.Features.Add(sort);

   var paging = new GridPaging();
   paging.PageSize = 30;
   model.Features.Add(paging);

   var selection = new GridSelection();
   selection.Mode = SelectionMode.Row;
   selection.MultipleSelection = true;
   model.Features.Add(selection);
}

网格需要很长时间才能显示（25-40 秒），所以我做了一些调查，它是 model.GetData( ) 调用 GetInstrumentListData() 一直占用时间。根据 Intellisense，该函数首先执行数据绑定并生成 JsonResult 对象。

我想，也许因为我试图显示总共 1000 条记录（即使启用了分页并且每个视图只显示 30 条），可能需要一段时间才能将这些记录转换为 JSON，所以我将记录数量减少到10（从 1.2mb JSON 数据到 12.5kb）。时间上没有区别。

这是来自 Firebug 的请求跟踪。

对正在发生的事情有什么想法吗？

编辑： @allentranks 的回答和 @AlastairPitts 的评论让我意识到这实际上是我获取数据的来源。源不是表而是视图，它是由我的 DBA 通过一大堆疯狂的连接创建的。事实证明，运行查询需要 13 秒以上的时间，因此加载需要这么长时间也就不足为奇了。感谢您的帮助。

Answer 1

我不确定为什么您的 InstrumentLists 需要在查询中订购两次。

_db.InstrumentLists.OrderBy(x => x.Tag).AsQueryable<InstrumentList>().OrderBy(x => x.Tag);

这应该可行：

_db.InstrumentLists.OrderBy(x => x.Tag).ToList();

并且，您可能需要在 Tag 列上创建索引以更快地执行查询。

Answer 2

从控制器返回的数据有问题（数据量太多。10 条记录需要 12.5kb！）。您应该在 firebug 中检查从服务器返回的 json 数据。确保您仅接收特定于网格所需的数据。我建议为网格制作一个自定义视图模型。

作为旁注，我想分享一下，对于每页 50 条记录和 11 列的网格，我收到的 json 数据为 1.9 kb 和 967 字节。