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

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

    Запрос = Новый Запрос;

    Запрос.Текст =

    "ВЫБРАТЬ

    |   Ссылка,

    |   Наименование

    |ИЗ

    |   Справочник.Номенклатура";

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

    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;

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