VPF::Ext.grid.GridPanel - Форум программистов

maxyc

Дата 25.9.2009, 12:52 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 8
Регистрация: 19.5.2009
Где: Екатеринбург

Репутация: 1
Всего: 1

Не могли бы пример подсказать, как вместо ДуммыДата использовать данные json с сервера?

Код


< script>
    // shared reader
    var reader = new Ext.data.ArrayReader({}, [
       {name: 'username'},
       {name: 'lastActivity'},
       {name: 'regDate'},
       {name: 'userGroup'},
       {name: 'action'}
    ]);


    // Array data for the grids
    Ext.grid.dummyData = [
        ['<img width="50" src="/img/Admin/no_avatar.png" align="left"/><img src="http://gyazo.com/e1d5644c257bc8738e82148c2a012a4a.png"/><b>Гречушников Максим</b> (MaXyC Webber)','28/03/1986','28/03/2006', 'Администратор', '<img src="http://gyazo.com/3eb8ef475eb8b3718c321423b0164d47.png" align="left" /> <img src="http://gyazo.com/9594fe540dae3f59c1aaa1a1219fa093.png" align="left" />'],
        ['<img width="50" src="/img/Admin/no_avatar.png" align="left"/><img src="http://gyazo.com/a7cc0467f9c9005fa2453024e8eda311.png"/><b>Гречушникова Татьяна</b> (Tayana)','28/03/1986','28/03/2006', 'Супер модератор', '<img src="http://gyazo.com/3eb8ef475eb8b3718c321423b0164d47.png" align="left" /> <img src="http://gyazo.com/9594fe540dae3f59c1aaa1a1219fa093.png" align="left" /> <img src="http://gyazo.com/ee2668b641b519ab8bcb346309a1b58e.png" align="left" />'],
        ['<img width="50" src="/img/Admin/no_avatar.png" align="left"/><img src="http://gyazo.com/a7cc0467f9c9005fa2453024e8eda311.png"/><b>Вадим</b> (bass)<br><em style="color: red">Забанен 01.01.1970; Причина:</em> Слишком умный!','28.03.1986','28.03.2006', 'Супер модератор', '<img src="http://gyazo.com/3eb8ef475eb8b3718c321423b0164d47.png" align="left" /> <img src="http://gyazo.com/9594fe540dae3f59c1aaa1a1219fa093.png" align="left" /> <img src="http://gyazo.com/ee2668b641b519ab8bcb346309a1b58e.png" align="left" />'],

    ];

    var grid = new Ext.grid.GridPanel({
        store: new Ext.data.GroupingStore({
            reader: reader,
            data: Ext.grid.dummyData,
            sortInfo:{field: 'username', direction: "ASC"},
            groupField:'userGroup'
        }),

        columns: [
            {id:'username',header: "Имя пользователя", width: 140, sortable: true, dataIndex: 'username'},
            {header: "Последняя активность", width: 100, sortable: true, dataIndex: 'lastActivity'},
            {header: "Дата регистрации", width: 100, sortable: true, dataIndex: 'lastActivity'},
            {header: "Группа пользователей", width: 100, sortable: true, dataIndex: 'userGroup'},
            {header: "&nbsp;", width: 50, dataIndex: 'action'}
        ],

        view: new Ext.grid.GroupingView({
            forceFit:true,
            groupTextTpl: '{text} ({[values.rs.length]} {[values.rs.length > 1 ? "пользователя(ей)" : "пользователь"]})'
        }),

        frame:true,
        height: 600,
        title: 'Список пользователей онлайн',
        iconCls: 'icon-grid',
        renderTo: 'userList'
    });
< /script>
<div id="userList"></div>

Nofate

Дата 25.9.2009, 13:02 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 266
Регистрация: 13.10.2008

Репутация: нет
Всего: 8

нужно задать ридер и прокси.

см. GridPanel from JSON data

--------------------

The future is not set, there is no fate but what we make for ourselves.
Нофейтово пространство и смежные области

ferryman

Дата 25.9.2009, 13:05 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 6
Регистрация: 24.9.2009

Репутация: нет
Всего: нет

Код


var store = new Ext.data.JsonStore({
                            id:'id',
                            root:'rows',
                            url:'http://example.com/json.php',
                            fields:[{name: 'username'},
                                       {name: 'lastActivity'},
                                       {name: 'regDate'},
                                       {name: 'userGroup'},
                                        {name: 'action'}]
        });

 var grid = new Ext.grid.GridPanel({
        store: store,
        columns:[.....]

Код


store.load();

И сформировать json в json.php

maxyc

Дата 25.9.2009, 13:15 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 8
Регистрация: 19.5.2009
Где: Екатеринбург

Репутация: 1
Всего: 1

помоему немного не то.... щас опишу

Добавлено через 6 минут и 49 секунд
в моем случае не просто gridpanel
store: new Ext.data.GroupingStore({

вот в этот сторе и надо все запихать

Это сообщение отредактировал(а) maxyc - 25.9.2009, 13:17

ferryman

Дата 25.9.2009, 14:22 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 6
Регистрация: 24.9.2009

Репутация: нет
Всего: нет

Как то так. не проверял

Код


var reader = new Ext.data.ArrayReader({}, [
                               {name: 'username'},
                                       {name: 'lastActivity'},
                                       {name: 'regDate'},
                                       {name: 'userGroup'},
                                        {name: 'action'}
    ]);

var store = new Ext.data.GroupingStore({
            reader: reader,
            sortInfo:{field: 'username', direction: "ASC"},
            groupField:'userGroup',
            proxy:new Ext.data.HttpProxy({
                      url:'http://example.com/json.php'
            });
        });

 var grid = new Ext.grid.GridPanel({
        store: store,
        columns:[.....]

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Применение библиотек \| Следующая тема »