/
DataGridPopup.cshtml
48 lines (48 loc) · 2 KB
/
DataGridPopup.cshtml
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
@(
Html.DevExtreme().DataGrid()
.ID("gridPopup")
.DataSource(new JS("getEmployees()"))
.KeyExpr("ID")
.ShowBorders(true)
.Paging(p => p.Enabled(false))
.Editing(ed => ed
.AllowAdding(true)
.AllowDeleting(true)
.AllowUpdating(true)
.Mode(GridEditMode.Popup)
.Popup(popup => popup
.Width(500)
.Height(400)
.ToolbarItems(items => {
items.Add().Toolbar(Toolbar.Bottom).Location(ToolbarItemLocation.After)
.Widget(w => w.Button()
.Type(ButtonType.Success)
.StylingMode(ButtonStylingMode.Outlined)
.Text("Save")
.OnClick("function() { $('#gridPopup').dxDataGrid('instance').saveEditData(); }")
);
items.Add().Toolbar(Toolbar.Bottom).Location(ToolbarItemLocation.After)
.Widget(w => w.Button()
.Type(ButtonType.Danger)
.StylingMode(ButtonStylingMode.Outlined)
.Text("Cancel")
.OnClick("function() { $('#gridPopup').dxDataGrid('instance').cancelEditData(); }")
);
items.Add().Toolbar(Toolbar.Bottom).Location(ToolbarItemLocation.Before)
.Widget(w => w.Button()
.StylingMode(ButtonStylingMode.Outlined)
.Text("Copy Data")
.OnClick("() => copyDataClick('gridPopup')")
);
})
)
)
.Columns(columns => {
columns.Add().DataField("Prefix").Caption("Title").Width(80);
columns.Add().DataField("FirstName");
columns.Add().DataField("LastName");
columns.Add().DataField("Position").Width(130);
columns.Add().DataField("Address");
columns.Add().DataField("BirthDate").DataType(GridColumnDataType.Date).Width(125);
})
)