|
19.01.2018, 21:23
#39587339
Ссылка:
Ссылка на сообщение:
Ссылка с названием темы:
Ссылка на профиль пользователя:
|
|
|
Участник
Откуда: AB
Сообщения: 7 268
Рейтинг:
0
/ 0
|
|
|
|
Леди и джентельмены,
Ести Кенду грид с кучей лукапов-справочников. Их надо загрузить прежде чем рендерить грид. Сейчас гружу их синхронно "async: false", т.к. нужно дождаться конца их загрузки, что есть некомильфо. Как дождаться загрузки всех справочников в асинхронном режиме и потом уж рисовать грид? Ангуляр синхронный режин не поддерживает, т..к. deprecated.
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.
98.
99.
100.
101.
102.
$.ajax({
url: "api/Lookups",
data: { lookupName: "Employees" },
dataType: "json",
contentType: "application/json; charset=utf-8",
async: false,
success: function (data) {
employees = data;
},
error: function (XMLHttpRequest, textStatus, errorThrown) {
console.log(XMLHttpRequest.responseText);
}
});
$.ajax({
url: "api/Lookups",
data: { lookupName: "Trucs" },
dataType: "json",
contentType: "application/json; charset=utf-8",
async: false,
success: function (data) {
trucs = data;
},
error: function (XMLHttpRequest, textStatus, errorThrown) {
console.log(XMLHttpRequest.responseText);
}
});
$("#gridCheckList").kendoGrid({
columns: [
{ template: '<a href="\\#!/Checklist/#=Id#">Review</a>', field: "Id", title: "#", width: 80, sortable: false },
{ field: "CheckDate", title: "Date", template: "#= kendo.toString(kendo.parseDate(CheckDate, 'yyyy-MM-dd'), 'MM/dd/yyyy') #", width: 90 },
{ field: "TruckUnit", title: "Truck", values: trucs, width: 60 },
{ field: "PCCode", title: "Party Chief", values: employees },
{ field: "OdometerReading", title: "Odometer KM" },
{ field: "TotalQuestion", title: "Questions" },
{ field: "AnsweredQuestion", title: "Answered" },
{ field: "NoQuestion", title: "No Aswers" },
{
field: "Completed", title: "Completed",
template:
"# if (Completed) { #" +
"<span class='glyphicon glyphicon-star' aria-hidden='true'></span>" +
"# }" +
"#" +
"# if (!Completed) { #" +
"<span class='glyphicon glyphicon-star-empty' aria-hidden='true'></span>" +
"# }" +
"#"
}
],
autoBind: false,
pageable: {
refresh: true,
pageSizes: true,
info: true,
numeric: true,
previousNext: true
},
resizable: true,
dataSource: {
type: "webapi",
transport: {
idField: "Id",
read: {
url: "api/VehicleCheckLists",
dataType: "json"
}
},
pageSize: 10,
schema: {
data: "Data",
total: "Total",
model: {
id: "Id",
fields: {
Id: { type: "number" },
CheckDate: { type: "date" },
TruckUnit: { type: "string" },
PCCode: { type: "string" },
CheckedBy: { type: "string" },
OdometerReading: { type: "number" },
ASSTCode: { type: "string" },
TotalQuestion: { type: "number" },
AnsweredQuestion: { type: "number" },
NoQuestion: { type: "number" },
Completed: { type: "boolean" }
}
}
},
error: function (XMLHttpRequest, textStatus, errorThrown) {
var data = eval("(" + XMLHttpRequest.xhr.responseText + ")");
toastr.error("Something went wrong (" + data.ExceptionMessage + ")");
console.log(data.ExceptionMessage);
}
},
editable: false,
sortable: true,
filterable: true
});
|
|
|
