ExtJS4

@Kdn · Регистрация: 07.02.2011

Студворк — интернет-сервис помощи студентам

Всем поклонникам и ценителям JavaScript фрэймворка ExtJs спешу сообщить что вышла 4 версия. Правда пока что это Developer Preview, но тем не менее хочется посмотреть на это чудо.
Как утверждают разработчики это самая быстрая и стабильная версия, работающая во всех браузерах.
Для меня наиболее интересная вещь - это присоединение к ExtJs фрэймворка от Raphael для работы с SVG. А это значит, что теперь для отображения различных графиков, или просто рисования не требуется никаких Flash!

Ссылка на эту тему : http://www.sencha.com/blog/ext... r-preview/
Сам фрэймворк : http://www.sencha.com/products... /download/

@Kdn · 03.08.2011, 15:08 **[ТС]**

Сообщение от genius5

я бы хотел узнать можно ли вызвать к примеру Ext.Create ... после нажатия какой то
кнопки и как это сделать?

У кнопки в конфиге ест параметр handler. Обработчик клика:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
Ext.create('Ext.Button', {
    text: 'Click me',
    renderTo: Ext.getBody(),
    handler: function() {
        Ext.create('Ext.window.Window', {
         title: 'Hello',
         height: 200,
         width: 400,
         layout: 'fit',
          items: {  
             xtype: 'grid',
             border: false,
             columns: [{header: 'World'}],  
             store: Ext.create('Ext.data.ArrayStore', {}) 
     }
     }).show();
   }
});

@genius5 · 03.08.2011, 19:05

JavaScript
1
2
3
4
5
6
7
8
9
10
11
[JS]Ext.create('Ext.data.Store', {
    storeId:'simpsonsStore',
    fields:['name', 'email', 'phone'],
    proxy: {
    type: 'memory',
    reader: {
    type: 'json',
    root: 'items'
        }
    }
});

[/JS] вот это grid я хочу вместо значений которые в fields заменить на значения которые я ввел в текстовые поля их id и количество известны .

@Kdn · 03.08.2011, 21:15 **[ТС]**

Сообщение от genius5

вот это grid я хочу вместо значений которые в fields заменить на значения которые я ввел в текстовые поля их id и количество известны

ничё не понимаю.
Ты по моему не с того изучать фрэймворк начинаешь!

Добавлено через 28 секунд

Сообщение от genius5

вот это grid

Это не grid, а DataStore

@genius5 · 04.08.2011, 09:55

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
var store = Ext.create('Ext.data.Store', {
    storeId:'employeeStore',
    fields:['name', 'senority', 'department'],
    groupField: 'department',
    data:{'employees':[
        {"name":"Michael Scott", "senority":7, "department":"Manangement"},
        {"name":"Dwight Schrute", "senority":2, "department":"Sales"},
        {"name":"Jim Halpert", "senority":3, "department":"Sales"},
        {"name":"Kevin Malone", "senority":4, "department":"Accounting"},
        {"name":"Angela Martin", "senority":5, "department":"Accounting"}                        
    ]},
    proxy: {
        type: 'memory',
        reader: {
            type: 'json',
            root: 'employees'
        }
    }
});
 
Ext.create('Ext.grid.Panel', {
    title: 'Employees',
    store: Ext.data.StoreManager.lookup('employeeStore'),
    columns: [
        {header: 'Name',  dataIndex: 'name'},
        {header: 'Senority', dataIndex: 'senority'}
    ],        
    features: [{ftype:'grouping'}],
    width: 200,
    height: 275,
    renderTo: Ext.getBody()
});

вот а можно добавлять data после создания data.store? и как?

@Kdn · 04.08.2011, 10:50 **[ТС]**

genius5, Смотри доки, там всё есть.

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
Ext.define('Employee', {
    extend: 'Ext.data.Model',
    fields: [
        {name: 'name',  type: 'string'},
        {name: 'senority',   type: 'int'},
        {name: 'department', type: 'string'}
    ]
});
 
store.add(
    Ext.create('Employee',
        {
            name:'test',
            senority:3,
            department:'Sales'
        })
)

Добавлено через 2 минуты
или просто

JavaScript
1
2
3
4
5
store.add({
                name:'test',
                senority:3,
                department:'Sales'
              })

@genius5 · 04.08.2011, 11:30

а columns как добавлять?

@Kdn · 04.08.2011, 12:59 **[ТС]**

genius5, У грида есть метод reconfigure(store,columns)
Store используешь тот же, а колонки можешь вытянуть из grid.initialConfig и добавить к ним новую.
Пример:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
var store = Ext.create('Ext.data.Store', {
    storeId:'employeeStore',
    fields:['name', 'senority', 'department'],
    groupField: 'department',
    data:{'employees':[
        {"name":"Michael Scott", "senority":7, "department":"Manangement"},
        {"name":"Dwight Schrute", "senority":2, "department":"Sales"},
        {"name":"Jim Halpert", "senority":3, "department":"Sales"},
        {"name":"Kevin Malone", "senority":4, "department":"Accounting"},
        {"name":"Angela Martin", "senority":5, "department":"Accounting"}                        
    ]},
    proxy: {
        type: 'memory',
        reader: {
            type: 'json',
            root: 'employees'
        }
    }
});
 
var grid = Ext.create('Ext.grid.Panel', {
    title: 'Employees',
    store: Ext.data.StoreManager.lookup('employeeStore'),
    columns: [
        {header: 'Name',  dataIndex: 'name'},
        {header: 'Senority', dataIndex: 'senority'}
    ],        
    features: [{ftype:'grouping'}],
    width: 200,
    height: 275,
    renderTo: Ext.getBody()
});
 
 
var cols = grid.initialConfig.columns;
cols.push({header: 'Test',  dataIndex: 'test'});
grid.reconfigure(grid.store,cols);

@genius5 · 05.08.2011, 08:57

а как мне сделать в chart так чтобы вместо месяцев показывал дни недели или предположим дни месяця?

@Kdn · 05.08.2011, 09:53 **[ТС]**

Сообщение от genius5

а как мне сделать в chart так чтобы вместо месяцев показывал дни недели или предположим дни месяця?

почитать документацию, освоить азы с самых базовых вещей, а потом браться за chart и т.д.

12.01.2013, 08:25

Хочу добавить,- на сайте создателей Ext Js есть gui-приложение для разработки панелей (форм, окон,...) http://www.sencha.com/products/architect/ А еще вот тут есть перевод документации по Ext JS 4 на русский язык http://phpshnik.ru/ext-js-4/rukovodstvo

@Svid_off · 24.05.2013, 00:01

Сообщение от spendlively

Хочу добавить,- на сайте создателей Ext Js есть gui-приложение для разработки панелей (форм, окон,...) http://www.sencha.com/products/architect/ А еще вот тут есть перевод документации по Ext JS 4 на русский язык http://phpshnik.ru/ext-js-4/rukovodstvo

Спасибо, за эту ссылку http://phpshnik.ru/ext-js-4/rukovodstvo!

Новые блоги и статьи Все статьи Все блоги /
Транслитерация текста с кириллицы на латиницу (вариант №3) Maks 15.11.2026 Обновленная версия предыдущей обработки. Изменения коснулись букв: Ъ, Ы, Ь, Э, отображения которых зависят от положения реквизита "Транслитерация имён". Изменено отображение буквы Й. Добавлена. . .	Транслитерация текста с кириллицы на латиницу (вариант №2) Maks 13.11.2026 Обновленная версия ранее созданной обработки. Добавлено: - Проверка исходного текста на кириллицу, через обращение к стандартной функции "ТолькоКириллицаВСтроке" из общего модуля. . .	Часы с термометром и праздничным календарем yariko 12.11.2026 Сегодня мы рассмотрим как можно сделать отличные многофункциональные часы. Итак, поставим конкретную задачу: разработать часы с календарем, двумя термодатчиками, выводом поздравительных сообщений. . .	Транслитерация текста с кириллицы на латиницу (вариант №1) Maks 11.11.2026 Решил облегчить жизнь себе и коллегам админам при создании электронных почтовых ящиков для пользователей, в результате написал обработку "Транслитерация текста" с кириллицы на латиницу, а в ней. . .
Книги по геймдизайну, левел-дизайну, игровым механикам и проектированию игрового опыта 8Observer8 08.11.2026 Содержание блога \| English Version 1. 2003 - 06 - Designing Virtual Worlds (1st Edition) Автор: Richard A. Bartle \| Объем: 768 стр. Ссылки: Amazon . . .	Как только я захожу к себе в свою комнату я сразу же с себя снимаю свои трусы. Ответ от Джемени ИИ. zorxor 08.11.2026 Джемени, как только я захожу к себе в свою комнату я сразу же с себя снимаю свои трусы. Многие люди, возвращаясь домой, сразу переодеваются в максимально свободную одежду или вовсе предпочитают. . .	Паттерн очереди действий/команд (Action / Command Queue). Система очереди действий и кат-сцен с SDL3 Callbacks, cglm и OpenGL 8Observer8 07.11.2026 Содержание блога \| English Version Руководство для начинающих по реализации паттерна очереди действий/ команд (Action / Command Queue) на C++ (C++20) с использованием официального SDL3 Callbacks. . .	Проверка полного ФИО в типовом справочнике Maks 07.11.2026 Решение реализовано в конфигурации КА2, на примере справочника "КонтактныеЛицаПартнеров". Задача: Запрет инициалов. Не допускаеть использование сокращений вида "И. И. ", "И. И. ", "И И" и. . .

@Kdn 307 / 165 / 25 Регистрация: 07.02.2011 Сообщений: 319

	ExtJS4 16.02.2011, 20:45. Показов 11133. Ответов 30 Метки нет (Все метки) Всем поклонникам и ценителям JavaScript фрэймворка ExtJs спешу сообщить что вышла 4 версия. Правда пока что это Developer Preview, но тем не менее хочется посмотреть на это чудо. Как утверждают разработчики это самая быстрая и стабильная версия, работающая во всех браузерах. Для меня наиболее интересная вещь - это присоединение к ExtJs фрэймворка от Raphael для работы с SVG. А это значит, что теперь для отображения различных графиков, или просто рисования не требуется никаких Flash! Ссылка на эту тему : http://www.sencha.com/blog/ext... r-preview/ Сам фрэймворк : http://www.sencha.com/products... /download/ 1

@genius5 115 / 36 / 3 Регистрация: 13.12.2009 Сообщений: 223
	04.08.2011, 11:30
	а columns как добавлять? 0

@genius5 115 / 36 / 3 Регистрация: 13.12.2009 Сообщений: 223
	05.08.2011, 08:57
	а как мне сделать в chart так чтобы вместо месяцев показывал дни недели или предположим дни месяця? 0

spendlively
	12.01.2013, 08:25
	Хочу добавить,- на сайте создателей Ext Js есть gui-приложение для разработки панелей (форм, окон,...) http://www.sencha.com/products/architect/ А еще вот тут есть перевод документации по Ext JS 4 на русский язык http://phpshnik.ru/ext-js-4/rukovodstvo