DmitrMakeev
commited on
Commit
•
271f63a
1
Parent(s):
a0825c8
Update data_gc_tab.html
Browse files- data_gc_tab.html +12 -42
data_gc_tab.html
CHANGED
@@ -163,8 +163,11 @@
|
|
163 |
<option value="pr1">pr1</option>
|
164 |
<option value="pr2">pr2</option>
|
165 |
<option value="pr3">pr3</option>
|
166 |
-
<option value="pr4"
|
167 |
-
<option value="pr5"
|
|
|
|
|
|
|
168 |
</select>
|
169 |
|
170 |
<select id="filter-type">
|
@@ -181,10 +184,7 @@
|
|
181 |
|
182 |
<button id="filter-clear">Очистить фильтр</button>
|
183 |
|
184 |
-
|
185 |
-
<button id="download-json">Рассылка по выбранным</button>
|
186 |
-
|
187 |
-
|
188 |
</div>
|
189 |
<div id="example-table"></div>
|
190 |
|
@@ -255,8 +255,11 @@
|
|
255 |
{title:"pr1", field:"pr1"},
|
256 |
{title:"pr2", field:"pr2"},
|
257 |
{title:"pr3", field:"pr3"},
|
258 |
-
{title:"
|
259 |
-
{title:"
|
|
|
|
|
|
|
260 |
],
|
261 |
});
|
262 |
// Define variables for input elements
|
@@ -274,40 +277,7 @@
|
|
274 |
// Update filters on value change
|
275 |
document.getElementById("filter-field").addEventListener("change", updateFilter);
|
276 |
document.getElementById("filter-type").addEventListener("change", updateFilter);
|
277 |
-
document.getElementById("filter-value").addEventListener("keyup", updateFilter
|
278 |
-
// Clear filters on "Clear Filters" button click
|
279 |
-
document.getElementById("filter-clear").addEventListener("click", function() {
|
280 |
-
fieldEl.value = "";
|
281 |
-
typeEl.value = "=";
|
282 |
-
valueEl.value = "";
|
283 |
-
table.clearFilter();
|
284 |
-
});
|
285 |
-
// Переопределяем метод table.download
|
286 |
-
table.download = function(type, filename, options) {
|
287 |
-
// Сохраняем старые данные
|
288 |
-
var oldData = table.getData();
|
289 |
-
// Получаем новые данные таблицы
|
290 |
-
var tableData = table.getData("active");
|
291 |
-
// Преобразуем данные в JSON-строку
|
292 |
-
var jsonData = JSON.stringify(tableData, null, 2);
|
293 |
-
// Выводим JSON-строку в консоль
|
294 |
-
console.log(jsonData);
|
295 |
-
// Очищаем старые данные
|
296 |
-
table.setData([]);
|
297 |
-
// Восстанавливаем старые данные
|
298 |
-
table.setData(oldData);
|
299 |
-
};
|
300 |
-
|
301 |
-
// Пример использования переопределенного метода
|
302 |
-
document.getElementById("download-json").addEventListener("click", function() {
|
303 |
-
table.download("json", "data.json"); // ЭТУ СТРОКУ НЕ УДАЛЯТЬ!!! ЕЁ НАДО ПЕРЕХВАТИТЬ, А НЕ ТВОЙ КОД!!!
|
304 |
-
});
|
305 |
-
|
306 |
-
|
307 |
|
308 |
-
})
|
309 |
-
.catch(error => console.error('Error fetching data:', error));
|
310 |
-
});
|
311 |
-
</script>
|
312 |
</body>
|
313 |
</html>
|
|
|
163 |
<option value="pr1">pr1</option>
|
164 |
<option value="pr2">pr2</option>
|
165 |
<option value="pr3">pr3</option>
|
166 |
+
<option value="pr4">pr4</option>
|
167 |
+
<option value="pr5">pr5</option>
|
168 |
+
<option value="key_pr">Ключ предложения</option>
|
169 |
+
<option value="canal">Канал</option>
|
170 |
+
<option value="data_t">Дата</option>
|
171 |
</select>
|
172 |
|
173 |
<select id="filter-type">
|
|
|
184 |
|
185 |
<button id="filter-clear">Очистить фильтр</button>
|
186 |
|
187 |
+
<button id="download-json">Рассылка по выбранным</button>
|
|
|
|
|
|
|
188 |
</div>
|
189 |
<div id="example-table"></div>
|
190 |
|
|
|
255 |
{title:"pr1", field:"pr1"},
|
256 |
{title:"pr2", field:"pr2"},
|
257 |
{title:"pr3", field:"pr3"},
|
258 |
+
{title:"pr4", field:"pr4"},
|
259 |
+
{title:"pr5", field:"pr5"},
|
260 |
+
{title:"Ключ предложения", field:"key_pr"},
|
261 |
+
{title:"Канал", field:"canal"},
|
262 |
+
{title:"Дата", field:"data_t"}
|
263 |
],
|
264 |
});
|
265 |
// Define variables for input elements
|
|
|
277 |
// Update filters on value change
|
278 |
document.getElementById("filter-field").addEventListener("change", updateFilter);
|
279 |
document.getElementById("filter-type").addEventListener("change", updateFilter);
|
280 |
+
document.getElementById("filter-value").addEventListener("keyup", updateFilter
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
281 |
|
|
|
|
|
|
|
|
|
282 |
</body>
|
283 |
</html>
|