Просмотров: 10132
Дата последнего изменения: 24.07.2020
Источник данных
Источник данных - list.php:
<?
$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();
Видео:
iOS
единичной выборкой (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();
Видео:
iOS
множественной выборкой (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();
Видео:
iOS
заданной множественной выборкой (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();
Видео:
iOS
Текст внизу списка (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();