show

делает компонент видимым

void show( [boolean force,boolean animation] );
forcebooleanесли true, метод покажет не только этот компонент, но и всех его родителей (актуально для tabviews или mutliviews)
animationbooleanуправляет анимацией (см. ниже)

Example

// по умолчанию
$$("list").show();
// без анимации
$$("list").show(false, false);

Details

Метод показывает компоненты, ранее скрытые:

  • методом hide;
  • методом hidden;
  • Multiview API (если компонент в Multiview).

Чтобы определить видимость компонента сразу после инициализации, используйте свойство hidden.

Примечание о производительности

Со всеми компонентами, кроме окон (Window, Popup и иже с ними), вместо методов hide и show и простого лейаута можно использовать ui.multiview и его API.

Анимация

Второй параметр метода show() работает только для компонентов в Multiview. При этом настройка animate Multiview не должна быть false.

Примеры

1. Компонент появляется с анимацией, определенной в настройках Multiview (по умолчанию это "slide")

  • у компонента нет своей настройки animate,
  • параметр метода animation не задан или true
cells:[
    { id:"some", /* настройки компонента */ }
]
// ...
$$("some").show();
// или по-другому
$$("some").show(false, true);

2. Компонент появляется без анимации, а для остальных компонентов Multiview анимация включена

cells:[
    { id:"some", /* настройки компонента */ }
]
// ...
$$("some").show(false, false);

Related sample:  Multiview: Showing Cells with and Without animation

3. Анимация для этого компонента отличается от анимации других компонентов этого Multiview

  • у компонента определен свой тип анимации (напр. { type:"flip", subtype:"vertical" })
cells:[
  { id:"some", animate:{ type:"flip", subtype:"vertical" } }
]
// ... с анимацией flip
$$("some").show();
 
// ... без анимации
$$("some").show(false, false);

Related sample:  Multiview: Redefining Animation Type for Cells

See also
Наверх
If you have not checked yet, be sure to visit site of our main product Webix javascript component library and page of tree table ui product.