DetailedStack

component fbx.ui.page.DetailedStack

A stack with arbitrary companion views

This component displays a stack with a companion view for details. It is up to each page to tell what to display as a companion view. Pages can also tell to what extent split the screen.

Main difference with l Explorer is that DetailedStack pages can change companion view any time.

property titleList

Current titles list model

property depth

Count of pages currently in the stack.

property count

Count of pages in the stack

property duration

Duration (in milliseconds) of the transition animation between pages.

property tip

Page at tip of stack

property cacheSize

Count of cached page objects at top of stack

property initialPage

URL (absolute or relative to :qml:prop`.baseUrl` of the root page in stack. This is optional. If not set, stack will start empty.

property canPopRoot

Whether calling pop() will also pop the last page in stack, leaving the user with an empty stack.

property baseUrl

URL acting as a root of subsequent pushed URLs. After a page has beed pushed in the stack, subsequent pushes will be relative to top page URL.

property ratio

Page ratio against the whole object width. Rest is filled with the companion view. Ratio can be overridden within each page.

method push(url, props, title)
Parameters
  • url (url) – Url of page, either absolute or relative to :qml:prop`.baseUrl`

  • props (object) – Initial properties of pushed page

  • title (string) – Initial page title

Adds an item to the end of the stack.

method pop()

Remove the current top of the stack.

method pushMany(all)

See fbx.ui.page.Stack.pushMany().

method popTo(index)

See fbx.ui.page.Stack.popTo().

method replaceAt(index, url, props, title)

See fbx.ui.page.Stack.replaceAt().

method replace(url, props, title)

See fbx.ui.page.Stack.replace().

method replaceAll(all)

See fbx.ui.page.Stack.replaceAll().

method focusCompanionView()

Put focus on companion view. One focus is on companion view, keys Left, Back and Escape put focus back on stack view.

method parentStack(level)

See fbx.ui.page.Stack.parentStack().