.. / 1. Hello, ExtJS World!

  1. ExtJS-4

Учебник ExtJS 4

Следуя традиции, заведенной Б.В. Керниганом и Д.М. Ричи, первая задача в изучении чего угодно - вывод сообщения «Hello, World!»

Для начала я скопировал библиотеку ExtJS (v 4.0.2) целиком вместе с примерами в директорию EXT4, непосредственно в корневую директорию. и подключил два файла:

<link rel=«stylesheet» type=«text/css» href=«/EXT4/resources/css/ext-all.css» />
<script type=«text/javascript» src=«/EXT4/ext-all.js»>

Потом скопировал вот такой код:

 Ext.onReady(       // Ext.onReady - вызов функции по загрузке DOM
      function(){ Ext.MessageBox.alert(   // вызов аlert'а
      'Пример 1', // заголовок окна  сообщения
      'Hello, ExtJS World!'   // текст сообщения
       );
});

В примере Alert вызывается сразу после загрузки DOM. Для этого вызывается методом Ext.onReady, в качестве аргумента которой задается функция, которую необходимо вызвать после отработки броузером DOM

Ext.onReady работает так же как привычный в jQuery вызов

 $(function(){
   .. .. .. .. .. .. .. .. .. .. .. .. 
   .. .. .. .. .. .. .. .. .. .. .. .. 
 })

Для того чтобы продемонстрировать Hello World было загружено почти мегабайт всяких библиотек. Хотя объем можно сократить, один хрен это достаточно для того, чтобы задуматься о применимости этой библиотеки. На среднестатистическом офисном компьютере с Windows XP ( > 40% на сентябрь 2011) и 1-2 гб памяти это уе…ще будет тормозить безбожно. А менять его на более мощный из-за этого никто не будет.

Далее:

Модальные сообщения в ExtJS

  1. 2011-11-09
  2. ExtJS-4
Go Index Test