0

アプリケーションで使用しようとし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 を使用して同じ情報を表示していますが、これは問題なく動作しますが、その方法を避けたいと考えています。

4

0 に答える 0