Использование XTemplate с SimpleStore в Ext

В настоящее время я добавляю некоторые функции в старый код. Раньше был шаблон, который брал плоский массив элементов и выдавал некоторый HTML, теперь данные поступают из простого хранилища, которое читает некоторый JSON ..

var allwords = [
    ['abacteriano', 'abacteriano'],
    ['abacterial', 'abacteriano'],
    ['abciximab', 'abciximab'], ...
]

Итак, мой простой магазин выглядит так:

    termStore = new Ext.data.SimpleStore({
        fields: ['term', 'lookup'],
        data: allwords
    });

Это определенно работает нормально, поскольку я использую termStore в поле со списком. Однако мне трудно заставить его играть с XTemplate.

Кажется, синтаксис extjs не очень хорошо работает с SO, поэтому этот бит не будет в блоке кода ...

Думаю, я опишу это: p

По сути, это простой шаблон, который пытается получить значения из переданной коллекции, выполняя {term}

Затем я пытаюсь применить его, выполнив:

tpl.overwrite(Ext.get("contentbox"), termStore);

Это дает мне ошибку JS "недопустимый инициализатор объекта"

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
2
0
1 564
1

Ответы 1

XTemplate работает с простыми объектами или массивами, а не с простыми хранилищами. Попробуйте вместо этого привязать его к вашему массиву allwords.

Другие вопросы по теме