Как использовать ExtJs 4 + JQuery вместе (перевод)

Опубликовал – 26.09.2011

Это пример показывает как использовать ExtJS 4 и JQuery в вашем веб приложении вместе.

Использовать ExtJS 4 с другими JS фреймворками очень просто: вам достаточно импортировать js файлы фреймворка (в данном случае JQuery) и импортировать саму библиотеку ExtJs. Все, вы готовы работать с обеими фреймворками.

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

Следуйте структуре на данной картинки при создании проекта:

Так должна выглядеть HTML страница:

<html>
<head>
    <title>Ext JS 4 + JQuery</title>

    <link rel="stylesheet" type="text/css" href="ext4/resources/css/ext-all.css" />

    <script type="text/javascript" src="jquery/jquery-1.6.2.min.js"></script>
    <script type="text/javascript" src="ext4/ext-all.js"></script>
</head>
<body>
    <script type="text/javascript">
    Ext.onReady(function() {
        Ext.Msg.alert('Alert',$('#divId').text());

    });
    </script>
    <div id="divId" style="padding:20px;">Using Ext JS 4 + JQuery</div>
</body>
</html>

Результат вывода будет такой:

Скачать исходные коды:

Github: https://github.com/loiane/extjs4-jquery

Google Code (zip file): https://code.google.com/p/extjs4-jquery/downloads/list

Удачного кодинга!
Перевод статьи

Рассказать друзьям:
  • Добавить ВКонтакте заметку об этой странице
  • Мой Мир
  • Facebook
  • Twitter
  • Яндекс.Закладки
  • В Живую Ленту Google
  • Сто закладок
Комментарии (2) - Как использовать ExtJs 4 + JQuery вместе (перевод)

Ответ

  1. nekufa:

    А где сама статья-то? :)
    Опубликовалось только предисловие.

    Thumb up Thumb down 0

Ответить

Comments

Перед отправкой формы: