Управление представлениями, просмотра контейнеров и макетов в приложении JavaScript?

Question

У меня есть веб-приложение JavaScript, которое при инициализации принимает параметр chartType.Значение chartType (например, «popPyramid» или «scatterGram») должно определять состояние макета приложения.В «режиме PopulationPyramid» приложение должно иметь, например, небольшой боковой вид и дополнительный вид заголовка.(Всего может быть 4 разных макета приложения со своими настройками CSS.)

Допустим, у PopulationPyramid есть модель, контроллер и количество представлений, каждое из которых должно иметь свой собственный контейнер div.

1) Как я могу легко ввести необходимый HTML при запуске приложения или при изменении состояния?Могут ли шаблоны JavaScript помочь мне?

2) И как мне обрабатывать события window.resize для каждого представления?спасибо.

Answer 1

Попробуйте клиентскую среду MVC, такую ​​как позвоночник или позвоночник.

Вы можете использовать систему маршрутизации URL-адресов hashbang, чтобы изменить свою "страницу" или "макет" для каждой диаграммы.

Вы можете использовать шаблоны / представления для отображения вашей страницы / макета, и вы можете использоватьмодели в JavaScript для хранения всего вашего состояния.

1. Когда вы инициализируете приложение, вы просто захватываете некоторые данные через ваше ajax-соединение, сохраняете их в своей модели и затем визуализируете в своем представлении.Когда ваш маршрутизатор обнаруживает изменение страницы URL-адреса hashbang, вы получаете различные данные через ajax и отображаете их вместо этого.

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