Javascript MVC, нужна помощь со структурой / методами?

Question

Я пытаюсь подать заявку на одной странице. Я понимаю основную концепцию использования mvc в некоторой степени и использую облегченный фреймворк с именем backbone.js. Моя проблема, однако, не с позвоночником. У меня действительно есть проблема, выясняя, как структурировать мой пользовательский интерфейс. У меня есть панель в верхней части страницы с 4 кнопками. Каждая кнопка открывает окно экземпляра в приложении. В каждом из этих экземпляров будут использоваться html, css, javascript окна. Любые предложения о том, как структурировать основную концепцию этого пользовательского интерфейса.

Соображения с моей стороны:

1. Каждый экземпляр окна имеет свой div с уникальным идентификатором (отображение: нет).

2. под нагрузкой, приложение должно уже есть необходимые HTML, CSS, и JavaScript загружен в дом. HTML должен быть внутри каждого уникального div, относящийся к его экземпляру окно.

3. Каждая кнопка меню должна изменять свои div дисплей: заблокировать, принося окно экземпляра для этой кнопки спереди, но скрывая все остальные.

4. Каждое окно должно быть достаточно гибкий, чтобы запустить JavaScript внутри, так что я должен быть в состоянии создать дополнительные MVC в каждом уникальный div.

5. Хорошо, последний комментарий. Должен ли мой пользователь интерфейс использует MVC или это не обязательно. Кроме того, если он использовал MVC Каков наилучший способ достичь этот. Там много разных понятий с MVC, как создание представления для окно каждого экземпляра и прослушивание за клики. Это просто сбивает с толку.

Вы думаете, что любое из моих соображений эффективно выполнит работу, и можете ли вы предложить предложения?

Answer 1

Хотя Sencha ExtJS может не подойти вам, у них есть очень подробное руководство о том, как они структурировали структуру для MVC.

Я бы порекомендовал взглянуть на это для некоторых идей: http://dev.sencha.com/deploy/ext-4.0-beta3/docs/guide/application_architecture.html

ура!

Answer 2

Если я правильно понимаю, вы хотите, чтобы каждая кнопка отображала всплывающее окно и была в состоянии изменить содержимое каждого всплывающего окна на основе какого-либо действия? Я могу говорить только о том, как бы я использовал ASP.NET MVC ...

Я бы использовал jQuery UI Dialog для обработки всплывающих окон и имел тег form в каждом всплывающем окне, которое использует свой собственный контроллер MVC, используя ajax (я предпочитаю jQuery команда ajax). Использование ajax вместо стандартной кнопки отправки позволяет отправлять / получать данные на / с сервера без обновления веб-страницы. Вам понадобится .serialize , чтобы преобразовать форму в правильный формат для отправки. Каждое действие контроллера может возвращать JsonResult (который возвращает вам объект javascript, который вы можете использовать) или PartialView (который дает HTML) ...

Надеюсь, что-то из этого имело смысл ...

EDIT: Чтобы ответить на ваш последний вопрос, у меня есть модель, представление и контроллер для каждого окна ... но я довольно плохо знаком с моделью MVC ...