Источник данных

<?
$data = Array(
   "data"=>Array( //data содержит категории данных
       "company"=>Array( //category_code - ключ категории данных, значением этого ключа является массив элементов этого списка
                   Array(
                       "ID"=>1, //идентификатор записи
                       "NAME"=>"ПроГрабли", //имя для отображения
                       "TABLE_URL" => "/demo_api/list_nest.php", // адрес списка, на который будет осуществлен переход при выборе этого элемента списка
                       "IMAGE"=>"http://prograbli.ru/bitrix/templates/new_posts/images/pg-logo.png", //картинка к записи
                       "TAGS" => "Про бизнес в интернете без ошибок", //дополнительная информация к записи
                   ),
                   Array(
                       "ID"=>2,
                       "NAME"=>"Bitrix",
                       "IMAGE"=>"/demo_api/img/bitrixico.png", //картинка к записи (локальная)
                       "TAGS"=>"Отечественная CMS",
                       "URL"=>"http://bitrix.ru" // адрес страницы, на которую будет осуществлен переход при выборе этого элемента списка
                   ),
                   Array(
                       "ID"=>3,
                       "NAME"=>"Digital Workplace",
                       "IMAGE"=>"/demo_api/img/digitalwork.png",
                       "TAGS" => "Социальный интранет: Эксперты",
                       "URL"=>"http://www.digitalworkplace.ru"
                   )
           ),
       ),
       "names"=>Array("company"=>"Компании") //содержит наименование категорий
);

echo json_encode($data);
?>

  Открытие списка с:
  использованием поля для поиска и заголовком

Пример:

//Задаем параметры отображения списка
var params = {    
   url: "/my_site/list.php",
               table_settings: 
               {
                   searchField: true,                   
                   showtitle: true,
                   name: "Список", //
               }
           };
var simple_table = new BXMobileApp.UI.Table(params, "tableId");
simple_table.show();

Видео:

  единичной выборкой (markmode)

Открытие списка с использованием единичной выборки, и отработкой события данной выборки. Обязательное указание флага multiple:false.

Пример:

//задаем параметры отображения списка
var params = {  url: "/my_site/list.php",
               table_settings: 
               {
                 markmode: true,
                 multiple: false,
                 callback: function (data)
                 {
                   app.alert({title:"Markmode", text:JSON.stringify(data)});
                 }
               }
           };
var markmode_table = new BXMobileApp.UI.Table(params, "tableId");
markmode_table.show();

Видео:

  множественной выборкой (markmode_multiple)

Открытие списка с использованием с множественной выборки.

Пример:

//задаем параметры отображения списка
var params = {  url: "/my_site/list.php",
               table_settings: 
               {
                 markmode: true,
                 multiple: true,                                  
               }
           };
var markmode_multiple_table = new BXMobileApp.UI.Table(params, "tableId");
markmode_multiple_table.show();

Видео:

  заданной множественной выборкой (selected)

Открытие списка с использованием множественной выборки и заданными, выбранными элементами списка.

Пример:

//задаем параметры отображения списка
var params = {  url: "/demo_api/list.php",
               table_settings: 
               {
                 markmode: true,
                 multiple: true,
                 selected:({company:[1,2]}),                                                     
               }
           };
var selected_markmode_table = new BXMobileApp.UI.Table(params, "tableId");
selected_markmode_table.show();

Видео:

  Текст внизу списка (footer)

Задается текст внизу списка.

Пример:

//задаем параметры отображения списка

var params = {  url: "/my_site/list.php",
               table_settings: 
               {
                   footer: "Table Footer"
               }
           };
var footer_table = new BXMobileApp.UI.Table(params, "tableId");
footer_table.show();

Видео: