Какой фреймворк для JavaScript MDI приложения лучше?

Question

[Алексей К.]

Вечер добрый.

Хочу обновить приложение, с использованием фреймворка (AngularJS или KnockoutJS или какой посоветуете). Просмотрел демки на офф. страницах, и в принципе и байндинг хорош и все все все, но одно "но". Я не увидел демо, которое бы демонстрировало MDI интерфейс.
Т.е. например имеется приходная накладная (ну или любая другая сущность, хоть имя человека и список его телефонных номеров), есть шаблон, и нужно на экране показать два(ну или более) документа/сущности с разными данными.
Во всех демках - есть список и при клике открывается и заполняется данными формочка, если кликнуть на другой элемент списка, то формочка заполнится уже его данными. Ну а мне нужно, как описал выше: открыл список, а при клике на элемент - создаются новые документы и заполняются данными.

С помощью каких фреймворков возможно такое сделать? Если можно ссылки на примерную реализацию, если есть конечно.

Заранее благодарен.

Answer 1

[_ _]

Вот вам на скорую руку jsfiddle.net/AMar4enko/suR4G
Разберетесь?

Comments

[maxaon]

@AMar4enko Отличный пример на скорую руку. И @demiurge тоже советую посмотреть в сторону angular. Он очень крут.

[Алексей К.]

@AMar4enko То что нужно! Ну я теперь просто обязан разобраться!

[Алексей К.]

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

Answer 2

[maxaon]

Как сказал @AMar4enko вам больше подойдет ExtJS или Dojo. Для data-binding можете использовать Knockoutjs вам никто не запрещает. Knockoutjs это не фреймворк, а библиотека, также как и BckboneJS.
Если вам нужен фреймворк - Angular. Из backbone, как я помню, можно сделать фреймворк.
Для MDI ничего не мешает вам написать код, который это сделает, или найти библиотеку для фреймворка, которая это сделает. Если не найдете - задумайтесь, необходимо ли вам это.
Лично мое мнение: куча открытых окон с разнообразной информацией - не то, что надо пользователю.

Comments

[Алексей К.]

Спасибо за ответ.
Меня больше интересует не создание MDI интерфейса как такового, а скорее биндинг в angular и knockout в mdi.
Пример я описал в вопросе.

По поводу библиотек и фреймворков, а чем они так сильно отличаются эти понятия? из вики например Some JavaScript libraries, such as YUI, are classified as frameworks since they exhibit full-stack capabilities and properties not found in general JavaScript libraries. т.е. по сути любой фреймворк это библиотека.

[maxaon]

Скажем так, фреймворк ограничивает разработчика и стимулирует его писать так, как это рекомендовано фреймворком. При использовании библиотек - вы вольны делать что душе захочется(в рамках методов библиотеки).
Еще отличие в том, как вы работает. При использовании фреймворка, он вызывает ваши методы, вы работаете внутри него. При использовании библиотеки - вы вызываете ее, вы снаружи.
Использование двух фреймворков в приложении - если и заработает, то получится монстр. Двух библиотек - должно работать.

[Алексей К.]

спасибо за разъяснение... тогда нужно копать в сторону Knockout.js

[maxaon]

Как я знаю, в разных библиотеках байдин делается примерно одинаково. Однако немного разный подход: в angular декларативный, в других - императивный. После знакомства с angular императивный подход кажется страшным и некрасивым.

В общем случае решение примерно такое: вам необходим только байдинг - используйте Knokout; вам необходимо построить RIA приложение, с байдингом, преферансом и милыми дамами - выбирайте Angular; RIA приложение с байдингом и преферансом - Backbone.

[maxaon]

@demiurge Это было не все.

Answer 3

[_ _]

ExtJS или Dojo, правда первый бесплатный только для OpenSource

Comments

[Алексей К.]

Спасибо, но это не совсем то. Т.е. ExtJS классная штука, но это скорее платформа целая (там и интерфейс и куча всего). Меня же больше интересует использование фреймворков типа Angular, Backbone, knockout.

Т.е. я могу написать сам (что уже сделал) MDI-приложение, но хочется например облегчить data-binding, а не писать это дело вручную.

Answer 4

[Алексей К.]

Ребята огромное спасибо вам за помощь! @maxaon мне нужно хорошенько изучить AngularJS, главное что можно сделать то, что я хочу, как показал @AMar4enko

Еще раз огроиное спасибо!