Показать сообщение отдельно
  #1 (permalink)  
Старый 27.04.2012, 09:49
wUI wUI вне форума
Аспирант
Отправить личное сообщение для wUI Посмотреть профиль Найти все сообщения от wUI
 
Регистрация: 19.04.2012
Сообщений: 78

Позиционирование элементов?
Всем доброго времени суток!

Делаю графический компонент на ExtJs к существующей системе.
// Подключение всех библиотек Ext.
Ext.require(['Ext.*']);
// Вызов функции содержащей тело документа.
Ext.onReady(function() {
    // Инициализируем подсказки.
    Ext.QuickTips.init();
	// Получение данных из getData2.php в "store". Метод JSON.
    Ext.define('BlackFrog', {
    extend: 'Ext.data.Model',
    fields: ['name', 'data1']
    });
    var store = Ext.create('Ext.data.JsonStore', {
        model: 'BlackFrog',
        proxy: {
            type: 'ajax',
            url: './resources/getData2.php',
            reader: {
                type: 'json',
                root: 'contents'
            }
        }
    });
    store.load();
    
    var finalPanel = Ext.create('Ext.form.Panel', {
        width: '100%',
        height: '100%',
        frame: true,
        hidden: false,
        maximizable: true,
        title: 'Пробный график',
        renderTo: Ext.getBody(),
        layout: 'fit',
        items: [{
            // 1. Элемент с настройками запроса
            id: 'ParamSelect',
            xtype: 'fieldset', 
            title: 'Параметры запроса',
            height: 200,
            layout: 'absolute',
            collapsible: true,
            items: [{
                xtype: 'datefield',
                margin: '0 10 5 10',
                fieldLabel: 'Начальная дата',
                id: 'startDate',
                name: 'nameStartDate',
                format:'d-m-Y',
                maxValue: new Date()
            },{
                x: 270,
                y: 0,
                xtype: 'datefield',
                margin: '0 10 5 10',
                fieldLabel: 'Конечная дата',
                id: 'endDate',
                name: 'nameEndDate',
                format:'d-m-Y',
                maxValue: new Date()
            },{
                xtype: 'button',
                margin: '0 10 5 10',
                width: 150,
                x: 540,
                y: 0,
                text: 'Выполнить',
                handler: function() {
                var sendString = Ext.getCmp('endDate').getValue();
                Ext.Msg.alert('Действие', sendString);
            }                
            }]       
        }, {
            // 2. Построение графика
            id: 'CreateChart',
            xtype: 'chart',
            style: 'background:#fff',
            animate: true,
            store: store,
            axes: [{
                type: 'Numeric',
                minimum: 0,
                position: 'left',
                fields: ['data1'],
                title: 'Число 1',
                grid: true,
                label: {
                    renderer: Ext.util.Format.numberRenderer('0,0'),
                    font: '10px Arial'
                }
            }, {
                type: 'Category',
                position: 'bottom',
                fields: ['name'],
                title: 'Число 2'
            }],
            series: [{
                type: 'line',
                axis: 'left',
                xField: 'name',
                yField: 'data1',
                style: {
                    fill: '#38B8BF',
                    stroke: '#38B8BF',
                    'stroke-width': 3
                },
                markerConfig: {
                    type: 'circle',
                    size: 4,
                    radius: 4,
                    'stroke-width': 0,
                    fill: '#38B8BF',
                    stroke: '#38B8BF'
                }
            }]
        }]
    });    
});

И столкнулся с такой проблемой, при выполнении выше выложенного кода, в finalPanel отображается только элемент с настройками, а график вообще не видно. Если же закоментить блок элемента настроек, то график прекрасно отстраивается. Подозрение, что я путаюсь в Layout.
Прошу помочь с проблемкой
Ответить с цитированием