В этой статье я расскажу о том, какие задачи лучше всего решает ExtJS и чем является типичное приложение на основе этой библиотеки. Эта статья – вводная к очередной, рассчитанной уже на людей, поработавших с библиотекой какое-то время. И в то же время эта статья независима, так как ссылаться на неё в дальнейшем я не планирую.
Данный материал основан на моём личном опыте.
Библиотека ExtJS прекрасно подходит для администраторской части проектов и проектов, связанных с отчётами. Мой опыт основан на создании нескольких проектов последнего типа.
Все отчёты, с которыми я имел дело, в принципе, по форме идентичны. Выглядят они схематически вот так:
Конечно, подобный вид характерен и для многих других проектов, но у отчётных проектов подобный вид – нечто само собой разумеющееся. Далее я опишу ещё несколько характерных черт и объясню, к чему я веду.
В области навигации меню либо древовидное, либо сделано списком, либо в виде комбинации «аккордеона» с древовидным/списочным меню. В области содержимого – грид. Для отчётов обычно он не имеет возможности редактирования. Для различных настроек в проекте грид имеет в верхней панели инструментов кнопки добавления/удаления. Чаще всего и для кнопки редактирования тоже находится место (однако ExtJS в своём компоненте EditorGridPanel позволяет редактировать записи прямо в строке).
Такой, или подобный вид приложений реализуется с помощью ExtJS легко и просто. В нём есть компонент Viewport, который представляет собой рабочую область вашего приложения. «Корневая» панель, к которой монтируются прочие узлы. Если брать наш пример с отчётами, то этими узлами будут «Область навигации» и «Область содержимого», которые и обеспечат каркас для типичного ExtJS приложения. Собственно говоря, именно так в примерах на официальном сайте и построено большинство приложений из раздела “Combination Samples“
Касательно элементов навигации и области содержимого – типичные компоненты в этой библиотеке есть: и различные кнопки, и аккордеон, и дерево, и грид. Все прекрасно настраиваются и имеют хорошую документацию. Судя из моего опыта – не полную, но 99% документации по всем компонентам будет соответствовать действительности. Документация наполнена примерами и потеряться в ней достаточно сложно. Библиотека также имеет активное сообщество и на форуме вам всегда оперативно ответят на ваши вопросы (зачастую в течение дня). Таким образом, если у вас стоит задача разработать отчётную систему или администраторскую часть проекта, и вы ищете зрелый JS фреймворк – настоятельно рекомендую ознакомиться с ExtJS.
В следующей статье я расскажу о том, чего сам в сети не нашёл. О проектировании средних/больших проектов с помощью ExtJS. О том, как сделать это красиво, аккуратно и чтоб поддерживать его было в удовольствие.
Данный материал основан на моём личном опыте.
Библиотека ExtJS прекрасно подходит для администраторской части проектов и проектов, связанных с отчётами. Мой опыт основан на создании нескольких проектов последнего типа.
Все отчёты, с которыми я имел дело, в принципе, по форме идентичны. Выглядят они схематически вот так:
Конечно, подобный вид характерен и для многих других проектов, но у отчётных проектов подобный вид – нечто само собой разумеющееся. Далее я опишу ещё несколько характерных черт и объясню, к чему я веду.
В области навигации меню либо древовидное, либо сделано списком, либо в виде комбинации «аккордеона» с древовидным/списочным меню. В области содержимого – грид. Для отчётов обычно он не имеет возможности редактирования. Для различных настроек в проекте грид имеет в верхней панели инструментов кнопки добавления/удаления. Чаще всего и для кнопки редактирования тоже находится место (однако ExtJS в своём компоненте EditorGridPanel позволяет редактировать записи прямо в строке).
Такой, или подобный вид приложений реализуется с помощью ExtJS легко и просто. В нём есть компонент Viewport, который представляет собой рабочую область вашего приложения. «Корневая» панель, к которой монтируются прочие узлы. Если брать наш пример с отчётами, то этими узлами будут «Область навигации» и «Область содержимого», которые и обеспечат каркас для типичного ExtJS приложения. Собственно говоря, именно так в примерах на официальном сайте и построено большинство приложений из раздела “Combination Samples“
Касательно элементов навигации и области содержимого – типичные компоненты в этой библиотеке есть: и различные кнопки, и аккордеон, и дерево, и грид. Все прекрасно настраиваются и имеют хорошую документацию. Судя из моего опыта – не полную, но 99% документации по всем компонентам будет соответствовать действительности. Документация наполнена примерами и потеряться в ней достаточно сложно. Библиотека также имеет активное сообщество и на форуме вам всегда оперативно ответят на ваши вопросы (зачастую в течение дня). Таким образом, если у вас стоит задача разработать отчётную систему или администраторскую часть проекта, и вы ищете зрелый JS фреймворк – настоятельно рекомендую ознакомиться с ExtJS.
В следующей статье я расскажу о том, чего сам в сети не нашёл. О проектировании средних/больших проектов с помощью ExtJS. О том, как сделать это красиво, аккуратно и чтоб поддерживать его было в удовольствие.
