Ext JS GridPanel height устанавливается в 0 при добавлении новых элементов на сайт - PullRequest
Новая
       28

Ext JS GridPanel height устанавливается в 0 при добавлении новых элементов на сайт

0 голосов
/ 25 мая 2018

Я использую Ext JS 3.4 для отображения некоторых данных в сетках, и у меня есть различия между версией localhost и сервера.Некоторые GridPanels на моем веб-сайте установили их высоту на 0 после того, как я добавил новые кнопки на другой панели.Проблема появляется только на сервере, и я не могу выполнить репликацию на моем локальном хосте.На первом рисунке показано правильное отображение сетки без новых элементов, а на втором изображено отображение с ошибками с элементами.

Правильное отображение

Ошибка дисплея

Код для GridPanel следующий: 

 var timeStampGrid = new Ext.grid.GridPanel({
    border       : false,
    stripeRows   : true,
    store        : timestampJsonStore,
    colModel     : colTimestampModel,
    tbar         : timestampToolbar,
    loadMask     : true,
    autoExpandColumn : 'timeValue',
    bbar         : pagingToolbar,
    selModel : new Ext.grid.RowSelectionModel({
        listeners : {
            'rowselect' : function(model, index) {
                currentRow = index;
            }
        }
    })
});

Код для новых кнопок: 

/*** delete top banner ***/
var delete_top_banner_Btn = new Ext.Button({
    text : Lang.translate('DELETE_TOP_BANNER'),
    icon : 'js/images/delete.png',
    handler : onTopBannerDelete
});
 /*** delete buttom banner ***/
var delete_buttom_banner_Btn = new Ext.Button({
    text : Lang.translate('DELETE_BUTTOM_BANNER'),
    icon : 'js/images/delete.png',
    handler : onButtomBannerDelete
});

Что я пробовал:

  1. Удаление новых кнопок => правильное отображение
  2. Добавление различных типов новых элементов (меток, сеток) => отображение с ошибками
  3. Установка высоты и шириныGridPanel вручную => отображение с ошибками
  4. Различные браузеры => отображение с ошибками
  5. Удаление ошибки GripPanel => появилось в соседней сетке
  6. Переместите новые кнопки в разные меставеб-сайт => ошибка дисплея

Поскольку ошибка появляется только на сервере, я попытался подумать о различиях между сервером и локальным хостом:

  • Сервер: виртуальный LEMP - Nginx(1.4.6) + PHP (5.5.9) +MySQL
  • Localhost: windows 10 xampp + PHP (5.6.15)
  • Также версия Ext JS как для сервера, так и для localhost (те же файлы) составляет 3.4

Хотя я не понимаю, как версия php может повлиять на JavaScript Ext JS, я попытался изменить версию php на своем локальном хосте, пытаясь повторить ошибку на локальном хосте, но безуспешно.

Я пытался искать в известных проблемах Ext Js 3.4, но ни одна из них не показалась мне актуальной.Также в других вопросах на сайте только это кажется похожим.

...