Tree

Tree

Directive: o-tree

Inherited inputs

  • from OServiceBaseComponent:
    • attr
    • columns
    • delete-method
    • entity
    • insert-method
    • keys
    • pageable
    • paginated-query-method
    • parent-keys
    • query-fallback-function
    • query-method
    • query-on-bind
    • query-on-init
    • query-rows
    • service
    • service-type
    • static-data
    • store-state
    • update-method

Inputs

Name Description Default

controls

no | false | yes | true

Indicates whether or not to show a controls bar. Including component actions or the quickfilter

yes

description-columns

string

Tree node visible text columns

columns attribute value

filter-case-sensitive

no | false | yes | true

Indicates whether or not to do a case sensitive quickfilter search

no

pageable

no | false | yes | true

Indicates whether or not to do paginated queries for getting the data

no

parent-column

string

query-on-bind

no | false | yes | true

Query table data on bind

yes

query-on-init

no | false | yes | true

Query table data on init

yes

quick-filter

no | false | yes | true

Indicates whether or not to show a input for filtering data

yes

quick-filter

no | false | yes | true

Indicates whether or not to show a input for filtering data

yes

quick-filter-columns

string

Columns used by the quick filter. Separated by ‘;’

columns attribute value

recursive

no | false | yes | true

Indicates whether or not to do recursive queries over the selected node

no

recursive-levels

number

Number of recursive levels

1

refresh-button

no | false | yes | true

Indicates whether or not to show a button for refreshing data

yes

root-title

string

Title of the root node

route

string

Navigation route activated when the node is clicked

separator

string

Separation character between description-columns values

show-root

no | false | yes | true

Indicates whether or not to show the root node

sort-columns

string

Initial ordering, using [ ASC or DESC ] format. Separated by ‘;’

title

string

Title in the tree toolbar

translate

no | false | yes | true

Indicates whether or not to automatically translate the tree nodes values

no

Outputs

Name Description

onNodeCollapsed

Event triggered when a tree node is collapsed

onNodeExpanded

Event triggered when a tree node is expanded

onNodeSelected

Event triggered when a tree node is selected

Updated: