Загрузка данных

Процедура ЗагрузитьКаталог()

    Запрос = Новый Запрос;
    Запрос.Текст =
    "ВЫБРАТЬ
    |   Ссылка,
    |   Наименование
    |ИЗ
    |   Справочник.Номенклатура";

    Результат = Запрос.Выполнить().Выбрать();

    HTML = "
<html>
<head>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<style>
body {
    font-family: Arial;
    margin:0;
    padding:5px;
    background:#f5f5f5;
}
.grid {
    display:flex;
    flex-wrap:wrap;
}
.card {
    width:48%;
    margin:1%;
    background:white;
    border-radius:12px;
    padding:15px;
    box-sizing:border-box;
    text-align:center;
    box-shadow:0 2px 5px rgba(0,0,0,0.1);
}
.name {
    font-size:16px;
}
</style>

<script>
function selectItem(id){
    window.external.Invoke('ВыбратьТовар', id);
}
</script>

</head>
<body>

<div class='grid'>
";

    Пока Результат.Следующий() Цикл

        HTML = HTML + "
<div class='card' onclick=""selectItem('" + Строка(Результат.Ссылка) + "')"">
    <div class='name'>" + Результат.Наименование + "</div>
</div>";

    КонецЦикла;

    HTML = HTML + "
</div>
</body>
</html>";

    Элементы.HTMLКаталог.ДокументHTML = HTML;

КонецПроцедуры