ExtJS 4 Пример рисования и построения диаграмм не является рисованием - PullRequest
Новая
       5

ExtJS 4 Пример рисования и построения диаграмм не является рисованием

0 голосов
/ 08 февраля 2012

Это сводит меня с ума, и я пробовал несколько различных вариантов.Я просматриваю все материалы здесь , пытаясь впихнуть в свой мозг как можно больше ExtJS 4 для проекта.В разделе Рисование и Диаграмма есть два примера.Ниже первый пример рисует желтый круг, второй пример не рисует круг.Почему?

Первый пример (рисует желтый круг): 

Ext.application({
name: 'HelloExt',
launch: function(){
    var drawComponent = Ext.create('Ext.draw.Component', {
        viewBox: false,
        items: [{
            type: 'circle',
            fill: '#ffc',
            radius: 100,
            x: 100,
            y: 100
        }]
    });

    Ext.create('Ext.Window', {
        width: 230,
        height: 230,
        layout: 'fit',
        items: [drawComponent]
    }).show();
}
});

Второй пример (не рисует круг): 

Ext.application({
name: 'HelloExt',
launch: function(){
    // Create a draw component
    var drawComponent = Ext.create('Ext.draw.Component', {
        viewBox: false
    });

    // Create a window to place the draw component in
    Ext.create('Ext.Window', {
        width: 220,
        height: 230,
        layout: 'fit',
        items: [drawComponent]
    }).show();

    // Add a circle sprite
    var myCircle = drawComponent.surface.add({
        type: 'circle',
        x: 100,
        y: 100,
        radius: 100,
        fill: '#cc5'
    });
}
});

Я пробовал бесчисленные способыдобавление Sprite к drawComponent и единственное, что работает, это если я дам его в качестве объявленного элемента элементов в экземпляре drawComponent.Я не получаю ошибок в консоли.

1 Ответ

1 голос
/ 15 февраля 2012

Исправление включает добавление .show(true) в конец инструкции sprite. Как это: 

var myCircle = drawComponent.surface.add({
    type: 'circle',
    x: 100,
    y: 100,
    radius: 100,
    fill: '#cc5'
}).show(true);

Мне бы очень хотелось, чтобы это было в документации ExtJS 4.

...