devextreme-asp-ui-template-gallery/Views/PlanningTasks/PlanningTasksGrid.cshtml at main · DevExpress/devextreme-asp-ui-template-gallery · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
@using DevExtremeVSTemplateMVC.Models
@using DevExtremeVSTemplateMVC.Utils;

@{
    string gridFilter = @"[
        ['Status', '<>', null], 'and',
        ['Priority', '<>', null], 'and',
        ['Owner', '<>', null]
    ]";
}

<link href="~/css/components/TaskListGrid.css" rel="stylesheet" />

<div class="view-wrapper view-wrapper-task-list list-page">
    @await Html.PartialAsync("../PlanningTasks/_PlanningTasksToolbar")
    @await Html.PartialAsync("../PlanningTasks/_PopupFormAddTask")
    @(Html.DevExtreme().DataGrid<EmployeeTask>()
        .ID("tasks-grid")
        .DataSource(ds =>
            ds.Mvc().Controller("Tasks").Key("Id")
            .LoadAction("GetTasks").UpdateAction("UpdateTask").InsertAction("InsertTask")
        )
        .DataSourceOptions(dso => dso.Filter(gridFilter))
        .OnAdaptiveDetailRowPreparing("uitgAppContext.PlanningTasksController.gridAdaptiveRowPreparing")
        .ElementAttr(new { @class = "planning-grid theme-dependent" })
        .Height("100%")
        .RemoteOperations(true)
        .HoverStateEnabled(true)
        .ColumnAutoWidth(true)
        .ShowBorders(true)
        .LoadPanel(lp => lp.Enabled(false))
        .Scrolling(s => s.Mode(GridScrollingMode.Virtual))
        .Paging(p => p.PageSize(30))
        .Pager(p => p.Visible(true))
        .Editing(e => e.Mode(GridEditMode.Row)
            .AllowUpdating(true))
        .Selection(s => s.SelectAllMode(SelectAllMode.AllPages)
            .ShowCheckBoxesMode(GridSelectionShowCheckBoxesMode.Always)
            .Mode(SelectionMode.Multiple))
        .Sorting(s => s.Mode(GridSortingMode.Multiple))
        .HeaderFilter(h => h.Visible(true))
        .Columns(c =>
        {
            c.AddFor(m => m.Text)
            .Caption("Subject")
            .HidingPriority(7);

            c.AddFor(m => m.Company)
            .HidingPriority(6);

            c.AddFor(m => m.Priority)
            .HidingPriority(4)
            .Lookup(l => l.DataSource(EnumHelper.GetDisplayNames<PlanningTaskPriority>()))
            .CellTemplate(@<text>
            @(await Html.PartialAsync("../Shared/Templates/_ItemContent",
                new TemplateViewModel {
                    UseSeparator = true
                }
            ))
            </text>)
            .EditCellTemplate(@<text>
                 @(await Html.PartialAsync("../Shared/Templates/_GridEditor", new TemplateViewModel {
                    UseSeparator = true,
                    Items = EnumHelper.GetDisplayNames<PlanningTaskPriority>()
                }
            ))
            </text>);
            c.AddFor(m => m.StartDate)
            .DataType(GridColumnDataType.Date)
            .SortOrder(SortOrder.Asc)
            .HidingPriority(2);

            c.AddFor(m => m.DueDate)
            .DataType(GridColumnDataType.Date)
            .SortOrder(SortOrder.Asc)
            .HidingPriority(1);

            c.AddFor(m => m.Owner)
            .HidingPriority(5);

            c.AddFor(m => m.Status)
            .HidingPriority(3)
            .MinWidth(120)
            .Lookup(l => l.DataSource(EnumHelper.GetDisplayNames<PlanningTaskStatus>()))
            .CellTemplate(@<text>
                @(await Html.PartialAsync("../Shared/Templates/_ItemContent"))
            </text>)
            .EditCellTemplate(@<text>
                 @(await Html.PartialAsync("../Shared/Templates/_GridEditor", new TemplateViewModel {

                    Items = EnumHelper.GetDisplayNames<PlanningTaskStatus>()
                 }
            ))
            </text>);
        })
    )
</div>