アプリケーションで使用しようとしJQWidgets
ていASP.net MVC
ますが、 にデータが表示されませんJqxGrid
。
を含むビューを次に示しgrid
ます。
@model IEnumerable<jQWidgets.AspNet.Core.Models.Employee>
@{
ViewData["Title"] = "ASP .NET MVC Grid Example";
}
<label>ASP .NET Core MVC Grid Tag Helper Example</label><br/><br/>
<jqx-grid theme="@ViewData["Theme"]" sortable="true" filterable="true" autoheight="true" width="850" source="Model">
<jqx-grid-columns>
<jqx-grid-column columngroup="name" datafield="FirstName" width="100" text="First Name"></jqx-grid-column>
<jqx-grid-column columngroup="name" datafield="LastName" width="100" text="Last Name"></jqx-grid-column>
<jqx-grid-column datafield="Title" width="150"></jqx-grid-column>
<jqx-grid-column datafield="Address" width="200"></jqx-grid-column>
<jqx-grid-column datafield="City" width="150"></jqx-grid-column>
<jqx-grid-column datafield="Country"></jqx-grid-column>
</jqx-grid-columns>
<jqx-grid-column-groups>
<jqx-grid-column-group name="name" text="Name"></jqx-grid-column-group>
</jqx-grid-column-groups>
</jqx-grid>
リストに 5 つの従業員レコードを返すコントローラーを次に示します。
public ActionResult Index()
{
return View(_context.Employees.ToList());
}
ページに空白jqxgrid
が表示されます。
必要なすべての jqx スクリプトは、_layout.cshtml
を使用してファイルに追加されますBundles
。また、別のページに同様のグリッドがあり、Ajax/jquery を使用して同じ情報を表示していますが、これは問題なく動作しますが、その方法を避けたいと考えています。