РуководстваОснова Falcon SpaceОсновные компонентыВозможностиКоммуникация пользователейДизайн, стилизация, юзабилитиЛендингиУниверсальный APIИнтеграцииКаталогиНавигацияДокументыДополнительные компонентыПродвижение, SEOСистемные моментыСистемное администрированиеHOWTOТаблицы
Как сделать таблицу в модальном окне (открывается в диалоговом окне)Как реализовать подтаблицу (вложенная таблица), подформу в таблицеКак связать 2 таблицы Загрузка таблицы по ссылкеКак связать таблицу и редактирование сущности (зависимая страница)Как использовать комментарии в таблицахКак добавить в фильтре значение Не выбрано со значениемКак установить ширину колонки в таблице Как добавить диапазон даты или чисел (слайдер) в фильтрКак сделать операции только для некоторых строкКак делать различный набор столбцов одной таблицы для разных ролейКак убрать показ количества строк результата в заголовке таблицы? Как сделать сортировку в таблицеКак сделать Editable для галочки (Да/Нет) в AS CRUDКак редактировать колонку с датойКак скрыть строчные операции в таблице для определенных строкКак добавить коллбек после загрузки таблицыОтображение таблиц на смартфонеКак работать с галочками в таблицеЧастые ошибки при настройке таблицы (почему не работает таблица)Как обновить подтаблицу после выполнения некой операцииКак обрабатывать групповые операции через модальную формуКак создать предустановленные фильтры для таблицыКак сделать сворачивание таблицы (collapse table)Как убрать старые dict процедуры в формах и таблицахКак сделать фильтр с деревом галочекКак отключить сохранение состояния таблицы (фильтры)Как сделать ссылку на всю строку таблицыКак передать через URL значение фильтраКак сделать обрезание ячеек таблицыСортировка строк в таблицеСоздание сущности с учетом значений фильтровОптимизация запроса SQL - извлечение данных для таблицыКастомная разметка в таблицеРежим кастом вывода через JS (custom)Как настроить дополнительные шапку и подвал у таблицыКак сделать зависимые фильтры в таблицеИмпорт данных в формате файлов txt, csv через таблицуКак гибко управлять видимостью столбцов таблицыКак сделать раскрытие подстроки через любую ссылкуРежим быстрой фильтрации строк без обращения на серверВыпадающая панель рядом с названием таблицы dropdownPanelКак убрать при загрузке установку фокуса ввода на фильтр (data-nofocus)?Как сделать аналитику по периодам (таблица с интервалами дат)Кастомизация вида операций таблицыСтилизация фильтров таблицы
ФормыПоля формыЗагрузка файлов, картинокHOWTO SQLHOWTO JSHOWTO ВерсткаРешение проблем
Выгода от использования Falcon Space
В 2-3 раза экономнее и быстрее, чем заказная разработка
Более гибкая, чем коробочные решения и облачные сервисы
Используйте готовые решения и изменяйте под свои потребности
Режим кастом вывода через JS (custom)
Таблицу можно использовать как источник данных, которые будут обработаны через JS.
Для этого необходимо указать в SELECT 3 GetItems viewType='custom', в этом случае таблица не выводится (выводится только заголовок и фильтры).
Последующая JS обработка происходит в коллбеке GetItems.
Пример работы на демостенде - https://demo.web-automation.ru/list/watch/tablica-s-kastom-vyvodom-cherez-js---63
Пример JS коллбека GetItems:
<script>
$(function(){
as.crud2callbacks["watch_customViewType_getItems"] = function(options, data){
console.log("table data", data)
var cont = options.cont;
var s = "";
for(var i = 0; i < data.items.length; i++){
var item = data.items[i];
s+= "#"+item.id + " " + item.name + " (" + item.cnt + ")<br>";
}
s+="<hr>";
if(data.footerItems){
s+="<h4>Footer items</h4>";
for(var i = 0; i < data.footerItems.length; i++){
var fi = data.footerItems[i];
for(var key in fi) {
var value = fi[key];
s += key + "=" + value+ ", "
}
s+="<br>";
}
}
s+= as.crud2.getPagingMakeup(options, 'pgClass')
cont.append(s);
}
});
</script>
Примечание:
- для работы paging мы использовали разметку из функции as.crud2.getPagingMakeup(options, 'pgClass'), где pgClass - это css класс для контейнера пагинации.
- данные приходят в коллекциях data.items и data.footerItems.
- Если вам не нужны фильтры и заголовки, то можно заменять содержимое options.cont (использовать html вместо append).
Falcon Space - функциональная веб-платформа разработки на узком стеке MS SQL/Bootstrap. Вводная по Falcon Space
Google поиск по нашей документации
Нужна бесплатная консультация?
Планируете делать веб-проект?
- Шаг 1. Создать концепт проекта
- Шаг 2. Получить оценку бюджета (КП)
- Шаг 3. Заключить договор
- Шаг 4. Создать совместно техническое задание
- Шаг 5. Поэтапная реализация проекта