Таблица. Режим кастом вывода через 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 поиск по нашей документации

Falcon Space

Это снижение стоимости владения

за счет меньшего количества людей для поддержки и узкого стека разработки. Про снижение стоимости владения продуктом

Это быстрое внесение изменений

по ходу эксплуатации программы. Как создается функционал на платформе

Это простой удобный интерфейс

адаптация под мобильные устройства. Про юзабилити платформы