2014-09-18 3 views
0

Я загружаю приложение extjs4 (.2.1) в div на странице JSP. В моем JSP я показываю различные ссылки на основе того, что пользователю разрешено делать. При щелчке по каждой ссылке страница обновляется, и я устанавливаю некоторые переменные javascript (на основе логики на стороне сервера), которые используются приложением extjs в качестве входных данных.Обложка AngularJS для приложения extjs4 - хороший дизайн?

Чтобы избавиться от обновления страницы и, следовательно, повысить производительность, я переработал эту страницу с помощью AngularJS (я только что научился Angular, поэтому я решил попробовать его использовать). Я использовал маршрутизацию. Итак, теперь я получаю все входы для каждого щелчка меню сразу при загрузке страницы. Когда пользователь нажимает на ссылку, Угловой маршрут устанавливает соответствующие входы для приложения extjs без обновления страницы или перехода на сервер. Приложение extjs теперь присутствует в IFrame вместо div, как и раньше, поэтому Angular route в основном обновляет IFrame каждый раз, когда нажимается ссылка, чтобы перезагрузить приложение extjs.

Результаты кажутся хорошими. Страницы загружаются быстрее.

Мои вопросы:

  • Является ли это хороший дизайн?
  • Я знаю, что реальная сила AngularJs заключается в привязке данных и директивах, которые я не использую. Является ли чрезмерным употреблением AngularJs для этой утилиты?
  • Есть ли подходящая библиотека для этой конкретной цели?

Спасибо за ваше время.

ответ

1

Хотя он может работать, другие люди, поддерживающие приложение, должны понимать, что две рамки и посетители вашего сайта должны будут загрузить весь этот дополнительный код.

Похоже ExtJS 4 имеет расширение для интерфейса маршрутизации ext-ux-router и ExtJS 5 имеет он встраивается.

Используя маршрутизатор, встроенный в EXT JS вы можете быть в состоянии избежать IFRAME перегрузочного хака.

+0

спасибо за ваш ответ. По теме нескольких фреймворков, я не ожидаю, что угловая часть приложения изменится, так как мясо приложения находится в ExtJs. Но я понимаю. Библиотека маршрутизаторов, о которой вы говорили, выглядит интересной. Единственная проблема заключается в том, что меню, о котором я упоминал, является меню верхнего уровня сайта. Я не уверен, могу ли я сделать меню на основе ExtJS визуально сливаться с темой сайта. –

Смежные вопросы