Service component
Service component
Inherited inputs
- from OServiceBaseComponent:
- attr
- columns
- configure-service-args
- 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
- query-with-null-parent-keys
- service
- service-type
- static-data
- store-state
- update-method
Inputs
| Name | Since | Description | Default |
|---|---|---|---|
| controls no | false | yes | true |
| Indicates whether or not to show a controls bar. Including component actions or the quickfilter | yes |
| detail-button-in-row no | false | yes | true |
| Indicates whether or not to add a button in each row for opening the detail form | no |
| detail-button-in-row-icon string |
| Detail icon name (see Google material design icons) | search |
| detail-form-route string |
| Detail form path appended to the current route | detail |
| detail-mode none | click | dblclick |
| Action for opening the detail form of a row | click |
| edit-button-in-row no | false | yes | true |
| Indicates whether or not to add a button in each row for opening the edit form | no |
| edit-button-in-row-icon string |
| Edit icon name (see Google material design icons) | edit |
| edit-form-route string |
| Edit form path appended to the current route | edit |
| enabled no | false | yes | true |
| Indicates whether or not the field is enabled | yes |
| filter-case-sensitive no | false | yes | true |
| Indicates whether or not to do a case sensitive quickfilter search | no |
| insert-button no | false | yes | true |
| Indicates whether or not to show a button for inserting data | yes |
| insert-form-route string |
| Insert form path appended to the current route | new |
| page-size-options array |
| Page size options separated by ‘;’. | [10, 25, 50, 100] |
| pagination-controls no | false | yes | true |
| Indicates whether or not to show the pagination controls | yes |
| quick-filter no | false | yes | true |
| Indicates whether or not to show a input for filtering data | yes |
| quick-filter-appearance legacy | standard | fill | outline |
| Indicates which of the mat-form-field different except in o-table componentappearance variants will be used. except in the o-table component. | outline |
| quick-filter-placeholder string |
| Quick filter input placeholder text |
|
| recursive-detail no | false | yes | true |
| Indicates whether or not to add a detail key to current url path (overwrite) | no |
| recursive-edit no | false | yes | true |
| Indicates whether or not to add a edit key to current url path (overwrite) | no |
| recursive-insert no | false | yes | true |
| Indicates whether or not to add a insert key to current url path (overwrite) | no |
| row-height small | medium | large |
| Predefined row height options | medium |
| title string |
| Title in exported files |
|
| visible no | false | yes | true |
| Indicates whether or not the component is visible | yes |
Outputs
| Name | Since | Description |
|---|---|---|
| onClick | Event triggered when a row is clicked | |
| onDataLoaded | Event triggered when the data is updated | |
| onDoubleClick | Event triggered when a row is double clicked | |
| onPaginatedDataLoaded | Event triggered when the paginated data is updated | |
| onSearch | Event triggered when the quickfilter starts searching |
Methods
| afterViewInit |
|---|
| Method for inputs and listeners parsing that must be called inside ngAfterViewInit |
| destroy |
|---|
| Method for unsuscribing listeners that must be called inside ngOnDestroy |
| editDetail |
|---|
| Triggers navigation to item edition, receiving item data |
| Parameters |
| item: any |
| initialize |
|---|
| Method for inputs and listeners initialization that must be called inside ngOnInit |
| insertDetail |
|---|
| Triggers navigation to new item insertion |
| onLanguageChangeCallback |
|---|
| Callback for app locale change, receiving the selected locale as parameter |
| Parameters |
| lang: string |
| viewDetail |
|---|
| Triggers navigation to item detail, receiving item data |
| Parameters |
| item: any |