ExtJS загружает изображения динамически для виджетов панели инструментов

Question

В моем приложении ExtJS 4.2.1 У меня есть экран панели мониторинга, где Im показывает некоторые диаграммы и сетки.

Я был запрошен моим клиентом, чтобы пользователь мог добавить пользовательский виджет (из статической коллекции виджетов), так что dashboard будет показывать только widgets, которые пользователь хочет иметь.

Поэтому я должен создать динамическое число widgets в зависимости от некоторого JSON, которое будет отправлено с сервера при входе пользователя в систему. Но я не знаю, как это реализовать.

Процесса, который пользователь будет следовать будет следующим:

1. На моем взгляде, приборной панели у меня будет 4 панели (макет таблицы).
2. Каждая панель будет иметь tool (значок шестеренки).
3. Пользователь нажимает на значок этой шестерни, и окно будет отображаться со списком доступных виджетов, которые он может назначить этой панели.
4. Пользователь выбирает виджет, который он хочет добавить на выбранную панель, и нажал кнопку «Применить».
5. В случае нажатия кнопки предпочтения будут сохранены в базе данных.
6. В следующий раз, когда пользователь войдет в приложение, настройки будут загружены в исходный JSON, чтобы виджеты могли быть загружены в каждую панель.

Кто-нибудь реализовал такой подход?

Answer 1

Я попытаюсь объяснить для одной панели, тогда вы можете расширить/использовать ее на нескольких панелях (возможно, с использованием макета tbl). Скажем, у нас есть некоторые файлы с просмотром диаграмм, которые были созданы (для этого урока по диаграммам диаграмм в файлах extjs). Файлы диаграмм должны иметь конфигурацию (настраиваемый конфиг), через которую мы передадим данные в реальном времени/динамические данные, требуемые диаграммой.

Итак, впервые мы разрешим пользователю выбирать параметры диаграммы/виджета из списка, мы создадим диаграмму/виджет на его выбранном событии, а также сохраним имя виджета или любые другие дополнительные параметры, указанные в этом виджете. с данными пользователя в базе данных.

В следующий раз, когда пользователь регистрируется, мы должны получить имя виджета и т. Д. Из db и динамически создавать виджет на странице laod event и display.

Надеюсь, это прояснит ваше понимание.