jQWidgets Forums

Tagged: jqxTreeGrid Tag Helper

This topic contains 1 reply, has 2 voices, and was last updated by Hristo 6 years, 9 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)

Author

ASP.NET Core MVC jqxTreeGrid Tag Helper Posts
September 22, 2018 at 4:17 am ASP.NET Core MVC jqxTreeGrid Tag Helper #102086

Wherever66
Participant

Hi Guys

I am playing with the ASP.NET Core MVC Tag Helpers especially jqxGrid and jqxTreeGrid. I followed the same samples, the jqxGrid works but I have lots of trouble to get jqxTreeGird to work. Please help if you know the answers
In the samples, some uses <jqx-tree-grid> some uses <jqx-treegrid> Which is the right one?
<jqx-tree-grid-columns> vs <jqx-treegrid-columns> Which is the roght one?
<jqx-tree-grid-column> vs <jqx-treegrid-column> Which is the right one?
sourceId-for vs source-id-for Which is the right one?
dataField-for vs datafield-for Which is the right one?
With source=”Model”, I can’t even see the jqxTreeGrid in the browser; Without source”Model”, I can see the jqxTreeGrid but no data in it.
No matter what I changed, this Tag Helper doesn’t seem to take data from the model.
Please help. I love jqWidgets but the documentation is shocking!!

jqx-tree-grid alt-rows=”true” key-datafield-for=”@(employee.EmployeeID)” ready=”treeGridReady()” source-id-for=”@(employee.EmployeeID)” instance=”getInstance()” parent-datafield-for=”@(employee.ManagerID)” width=”850″ source=”Model”>
<jqx-tree-grid-columns>
<jqx-tree-grid-column dataField-for=”@(employee.FirstName)” width=”100″ text=”First Name”></jqx-tree-grid-column>
<jqx-tree-grid-column datafield-for=”@(employee.LastName)” width=”100″ text=”Last Name”></jqx-tree-grid-column>
<jqx-tree-grid-column datafield-for=”@(employee.Title)” width=”150″></jqx-tree-grid-column>
<jqx-tree-grid-column datafield-for=”@(employee.Address)” width=”200″></jqx-tree-grid-column>
<jqx-tree-grid-column datafield-for=”@(employee.City)” width=”150″></jqx-tree-grid-column>
<jqx-tree-grid-column datafield-for=”@(employee.Country)”></jqx-tree-grid-column>
</jqx-tree-grid-columns>
</jqx-tree-grid>

<jqx-treegrid keyDataField-for=”@(employee.EmployeeID)” ready=”treeGridReady()” sourceId-for=”@(employee.EmployeeID)” instance=”getInstance()” parentDataField-for=”@(employee.ManagerID)” theme=”@ViewData[“Theme”]” sortable=”true” width=”850″ source=”Model”>
<jqx-treegrid-columns>
<jqx-treegrid-column dataField-for=”@(employee.FirstName)” width=”100″ text=”First Name”></jqx-treegrid-column>
<jqx-treegrid-column datafield-for=”@(employee.LastName)” width=”100″ text=”Last Name”></jqx-treegrid-column>
<jqx-treegrid-column datafield-for=”@(employee.Title)” width=”150″></jqx-treegrid-column>
<jqx-treegrid-column datafield-for=”@(employee.Address)” width=”200″></jqx-treegrid-column>
<jqx-treegrid-column datafield-for=”@(employee.City)” width=”150″></jqx-treegrid-column>
<jqx-treegrid-column datafield-for=”@(employee.Country)”></jqx-treegrid-column>
</jqx-treegrid-columns>
</jqx-treegrid>