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!

Новые блоги и статьи Все статьи Все блоги /
[golang] Конкурентный fetcher с ограничением максимального количества одновременных HTTP запросов. alhaos 10.06.2026 Задача Реализовать конкурентный fetcher с ограничением максимального количества одновременных HTTP запросов. Сигнатура func Fetch(urls string, maxConcurrent int) Result Пример urls :=. . .	[golang] Состояние гонки (race condition) alhaos 10.06.2026 Состояние гонки (race condition) Состояние гонки (Race Condition) — это ошибка, возникающая при одновременном доступе нескольких горутин к одним и тем же данным без должной синхронизации. При этом. . .	Взрослые отношения, и почему они не получаются kumehtar 09.06.2026 Когда в детстве ребёнок не получает от родителей чего-то важного, он лишается не просто приятных переживаний, а основы для формирования определённых внутренних качеств и навыков. Если ребёнок не. . .	[golang] Worker Pool alhaos 09.06.2026 Worker Pool Worker Pool — паттерн конкурентной обработки задач в Go. Суть: фиксированное количество горутин-воркеров читают задачи из общего канала и пишут результаты в общий канал результатов. . . .
[golang] Pipeline alhaos 08.06.2026 Pipeline Pipeline — паттерн конкурентной обработки данных в Go. Суть: данные проходят через цепочку независимых стадий, каждая из которых работает в своей горутине и общается с соседями через. . .	Свет внутри себя kumehtar 07.06.2026 Пусть это будет здесь lIs4oanZS9Y	Программа для com-порта Uhbif79 05.06.2026 Всем привет, давно хотел изучить Qt, начинал, бросал, потом снова начинал. И сейчас вот смог написать свою первую программу. До этого имел опыт программирования микроконтроллеров, писал прошивки на. . .	Транскрипция 55-минутного видео через Whisper: WhisperDesktop облажался, спас Google Colab[ anaschu 01.06.2026 Понадобилось получить текст из свежезагруженного видео на YouTube. Казалось бы, задача на пять минут. Заняла полтора часа. Делюсь опытом — может кому пригодится последовательность решений. . . .

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

	ExtJS4 16.02.2011, 20:45. Показов 10987. Ответов 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