Skip to content

Commit 6c08519

Browse files
EleonoraPetzoldEleonoraPetzold
committed
Replace telerik data tables with jquery datatables done close #90 
1 parent 310d53e commit 6c08519

2 files changed

Lines changed: 45 additions & 102 deletions

File tree

‎Views/Event/EventManager.cshtml‎

Lines changed: 45 additions & 95 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,4 @@
1-
@using Telerik.Web.Mvc.UI
2-
@using BExIS.Modules.EMM.UI.Models;
1+
@using BExIS.Modules.EMM.UI.Models;
32

43
@model List<EventModel>
54

@@ -11,106 +10,57 @@
1110
</p>
1211
}
1312

14-
@{
15-
GridPagerStyles pagerStyles = GridPagerStyles.PageSizeDropDown;
16-
pagerStyles |= GridPagerStyles.NextPreviousAndNumeric;
17-
pagerStyles |= GridPagerStyles.Numeric;
18-
}
19-
2013
@Html.ActionLink("Create new Event", "Create", "Event", new { @class = "bx-button function" })
2114
<br />
22-
@(Html.Telerik().Grid(Model)
23-
.Name("Grid_Event")
24-
.DataKeys(keys =>
25-
{
26-
keys.Add(r => r.Id);
27-
})
28-
.Columns(columns =>
29-
{
30-
31-
columns.Bound(r => r.Id).Width(90);
32-
columns.Bound(r => r.Name);
33-
columns.Bound(r => r.ParticipantsLimitation) ;
34-
columns.Bound(r => r.StartDate).Format("{0: dd-MM-yyyy}");
35-
columns.Bound(r => r.Deadline).Format("{0: dd-MM-yyyy}"); ;
36-
columns.Bound(r => r.EditAllowed);
37-
columns.Template(
38-
@<text>
39-
@if (!item.InUse)
40-
{
41-
42-
<div>
43-
<div class="bx bx-grid-function bx-edit" title='Edit Unit "@item.Name"' onclick="OnClickEdit(@item.Id)"></div>
44-
<div class="bx bx-grid-function bx-trash" title='Delete Unit "@item.Name"' onclick="OnClickDelete(@item.Id)"></div>
45-
</div>
46-
}
47-
else
48-
{
49-
<div>
50-
<div class="bx bx-grid-function bx-edit bx-disabled" disabled="disabled" title='Edit Unit "@item.Name"'></div>
51-
<div class="bx bx-grid-function bx-trash bx-disabled" disabled="disabled" title='Delete Unit "@item.Name"'></div>
52-
</div>
53-
}
15+
<br />
16+
<table id="events">
17+
<thead>
18+
<tr>
19+
<th>Id</th>
20+
<th>Event name</th>
21+
<th>Participants limitation</th>
22+
<th>Start date</th>
23+
<th>Deadline</th>
24+
<th>Allow edit</th>
25+
<th>Actions</th>
26+
</tr>
27+
</thead>
28+
<tbody>
29+
@for (int i = 0; i < Model.Count; i++)
30+
{
31+
<tr>
32+
<td>@Model[i].Id</td>
33+
<td>@Model[i].Name</td>
34+
<td>@Model[i].ParticipantsLimitation</td>
35+
<td>@Model[i].StartDate.ToString("dd-MM-yyyy")</td>
36+
<td>@Model[i].Deadline.ToString("dd-MM-yyyy")</td>
37+
<td>
38+
@if (Model[i].EditAllowed)
39+
{
40+
<input type="checkbox" checked disabled />
41+
}
42+
else
43+
{
44+
<input type="checkbox" disabled />
45+
}
5446

55-
</text>
56-
).Title(" ")
57-
.ClientTemplate(
58-
"<div style='display:inline;'>" +
59-
"<div style=\"<#= InUse ? 'display:none;' : 'display:inline;' #>\">" +
60-
"<div style=\"<#= EditAccess ? 'display:inline;' : 'display:none;' #>\">" +
61-
"<a id=\"<#= Id #>\" onclick=\"OnClickEdit('<#= Id #>')\" class=\"t-icon t-edit\" ></a>" +
62-
"</div>" +
63-
"<div style=\"<#= EditAccess ? 'display:none;' : 'display:inline;' #>\">" +
64-
"<div class = \"bx bx-grid-function bx-edit bx-disabled\" disabled = \"disabled\" title = \'Edit Unit \"@item.Name\"\'></div>" +
65-
"</div>" +
66-
"<div style=\"<#= DeleteAccess ? 'display:inline;' : 'display:none;' #>\">" +
67-
"<a id=\"<#= Id #>\" onclick=\"OnClickDelete('<#= Id #>')\" class=\"bx bx-grid-function bx-trash\" ></a>" +
68-
"</div>" +
69-
"<div style=\"<#= DeleteAccess ? 'display:none;' : 'display:inline;' #>\">" +
70-
"<div class = \"bx bx-grid-function bx-trash bx-disabled\" disabled = \"disabled\" title = \'Edit Unit \"@item.Name\"\'></div>" +
71-
"</div>" +
72-
"</div>" +
73-
"<div class=\"locked\" style=\"<#= InUse ? 'display:inline;' : 'display:none;' #>\">" +
74-
"<div class = \"bx bx-grid-function bx-edit bx-disabled\" disabled = \"disabled\" title = \'Edit Unit \"@item.Name\"\'></div>" +
75-
"<div class = \"bx bx-grid-function bx-trash bx-disabled\" disabled = \"disabled\" title = \'Edit Unit \"@item.Name\"\'></div>" +
76-
"</div>"
47+
</td>
48+
<td>
49+
<div class="bx bx-grid-function bx-edit" title='Edit event "@Model[i].Name"' onclick="OnClickEdit(@Model[i].Id)"></div>
50+
<div class="bx bx-grid-function bx-trash" title='Delete event "@Model[i].Name"' onclick="OnClickDelete(@Model[i].Id)"></div>
51+
</td>
52+
</tr>
53+
}
54+
</tbody>
7755

78-
).Width(90);
79-
})
80-
.ClientEvents(clientevents => clientevents
81-
.OnDataBound("onDataBound")
82-
)
83-
.DataBinding(databinding => databinding
84-
.Ajax()
85-
.Select("AllEvents", "Event")
86-
)
87-
.Pageable(paging =>
88-
paging
89-
.Style(pagerStyles)
90-
.PageSize(50)
91-
.Position(GridPagerPosition.Both)
92-
)
93-
.Filterable()
94-
.Sortable(sortable => sortable
95-
.OrderBy(orderby => orderby
96-
.Add(r => r.Deadline).Descending()))
97-
)
56+
</table>
9857

9958
<script type="text/javascript">
10059
101-
function onDataBound() {
102-
resetAllTelerikIconTitles();
103-
addTooltips();
104-
}
105-
106-
$(document).ready(function () {
107-
resetAllTelerikIconTitles();
108-
addTooltips();
109-
})
60+
$(document).ready(function () {
61+
$('#events').DataTable();
11062
111-
function refreshGrid() {
112-
$(".t-grid .t-refresh").trigger('click');
113-
}
63+
});
11464
11565
function OnClickEdit(id)
11666
{
@@ -126,4 +76,4 @@
12676
});
12777
}
12878
129-
</script>
79+
</script>

‎Views/EventRegistration/AvailableEventsList.cshtml‎

Lines changed: 0 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -92,11 +92,6 @@
9292

9393
<script type="text/javascript">
9494
95-
//function onDataBound() {
96-
//resetAllTelerikIconTitles();
97-
//addTooltips();
98-
//}
99-
10095
$(document).ready(function () {
10196
$('#events').DataTable();
10297
@@ -159,7 +154,5 @@
159154
window23.center().open();
160155
}
161156
}
162-
163-
164157
</script>
165158

0 commit comments

Comments
 (0)