VPF::[ExtJs-2.2] порядок вставки компонентов

solenko

Дата 11.9.2008, 10:03 (ссылка)

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

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 1473
Регистрация: 15.1.2006
Где: Украина

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

Здравствуйте.
Пвтаюсь собрать компоненты на панель:

Код


var eventItems = [];
for (var i=0;i<this.events.length;i++){
  eventItems.push({
     boxLabel: (this.events[i].name in this.eventTitles)?this.eventTitles[this.events[i].name]:this.events[i].name,
     name: this.events[i].name}
  );
}

var items = [];
items.push(new Ext.ux.ImageButton({
  image: this.imgPath + '/info-btn.png',
  onClick: function() { }
}));
items.push(new Ext.ux.ImageButton({
  image: this.imgPath + '/zoom-btn.png',
  onClick: function() {}
}));
items.push(new Ext.ux.ImageButton({
  image: this.imgPath + '/print-btn.png',
  onClick: function() {},
}));
items.push(new Ext.ux.ImageButton({
  image: this.imgPath + '/email-btn.png',
  onClick: function() { }
}));

if (eventItems.length) {
  items.push(new Ext.form.CheckboxGroup({
    fieldLabel: 'Events',
    hideLabel: false,
    items: eventItems,
    width: 300
  }));
}
        
var panel = new Ext.Panel({
  border: true,
  layout: 'column',
  cls: 'bordered',
  items: items
});
panel.render(this.el);

Проблеммы:
1. CheckboxGroup вставляется ПЕРЕД последней кнопкой
2. fieldLabel не отображается (рендерится как <label>:</label> с display: none).

Собственно, основной вопрос -- что делаю не так и как почему CheckboxGroup вылазит перед кнопокой?

ImageButton простенький компонент -- наследник Button.

Добавлено через 13 минут и 31 секунду
Проверил -- если использовать просто Button, то такого не случается. Что я мог недореализовать в своем компонентее (он переопределяет только template и все.)

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

Ла-ла-ла-ла
Заметьте, нет официального подтверждения, что это не просто четыре слога.

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