Javascript-форум (https://javascript.ru/forum/)
-   ExtJS (https://javascript.ru/forum/extjs/)
-   -   Есть примеры реализации вот "examples/admin-dashboard" (https://javascript.ru/forum/extjs/63920-est-primery-realizacii-vot-examples-admin-dashboard.html)

potkin 08.07.2016 10:04

Есть примеры реализации вот "examples/admin-dashboard"
 
Добрый день!
Не могу найти пример реализации вот этого:
http://examples.sencha.com/extjs/6.0...ard/#dashboard
Может кто сталкивался и подскажет где искать?

П.С. Примеры в нете есть, но элементарных вещей, а вот чего-то посерьёзнее не могу найти ...

kolka 08.07.2016 11:04

Цитата:

Сообщение от potkin
http://examples.sencha.com/extjs/6.0...ard/#dashboard

Так это и есть пример реализации.

potkin 08.07.2016 12:30

ну, эти исходники мало что говорят:
view-source:http://examples.sencha.com/extjs/6.0.1/examples/admin-dashboard/#profile
У Сенчи есть примеры, с линком на исходники с комментариями.
Вот такие бы, было бы супер.

potkin 08.07.2016 12:44

И не понятно какая из тем использована ...

nohuhu 08.07.2016 15:05

Этот пример живёт в ext/templates/admin-dashboard.

potkin 08.07.2016 15:50

nohuhu,
Ну да.
Классный у них там app.js
Ext.application({
 name: 'Admin',
  extend: 'Admin.Application',
    requires: [
        'Admin.*'
    ]
});


А вот так у меня:
Ext.application({
    name: "PartAccount",
    appFolder: 'Content/app',


    views: [
    //...
    ],
    models: [
    //...
    ],
    stores: [
    //...
    ],
    controllers: [
    //...
    ],


    viewport: {
        autoMaximize: true
    },

    launch: function () {

        var Viewport = Ext.create("Ext.container.Viewport", {
            layout: "border",
            style: 'background: #fff; text-align:left;',
            frame: true,
            items: [
                { xtype: "viewContainerHeader", id: "viewContainerHeader" },
                { xtype: "viewContainerFooter", id: "viewContainerFooter" },
                { xtype: "viewContainerLeft", id: "viewContainerLeft" },
                { xtype: "viewContainerRight", id: "viewContainerRight" },
                { xtype: "viewContainerCentral", id: "viewContainerCentral" },
            ]
        });
      
            Viewport.add(
                Ext.create("widget.viewContainerCentralPanel", { id: "viewContainerCentral", autoScroll: true })
            );

    }
});


Сужу разбираюсь уже 2-й день, пока мало что понятно ...
Вот бы описание!

nohuhu 15.07.2016 16:08

Прошу прощения за задержку, путешествую. :)

Ext.application() это обёртка для создания экземпляра класса Application. Если вы заглянете в исходник, то увидите весьма небольшой код функции Ext.application. Всё, что он делает, это берёт либо имя класса, либо ссылку на класс, либо просто объект с конфигурацией и делает из неё класс. А потом, когда подгрузились все зависимости, создаёт экземпляр.

Никакой страшной магии. :)


Часовой пояс GMT +3, время: 11:33.