Angular Expanders 4.3.0
Changes and improvements
This update contains a lot of improvements for wiring capabilities, making it easier to reuse expanded elements in custom pages.
List page refactored
The expanded list page has been updated to use the new table with multi sort capabilities. The table is extracted from the page component and resides in its separate DataViewTable
component. It now uses the upgraded filter component, that is generated based on the QuerySearch
setup. Filtering state between the ngx-ns-core
component and the generated dropdown form is managed by the new DataConnectorFilterSource
service. Instead of managing the pagination, filtering and sorting manually in the list component, a DataConnectorDataSource
service has been introduced to make this easier.
Table refactored
Breaking change: Existing components nsx-table
, nsx-table-column
and directive [nsxTableCell]
have been replaced with counterparts from the ngx-ns-core
library.
The table now has multi sort capabilities, supports sticky headers and columns, and accepts a NscDataSource
as well as data arrays.
Paginator refactored
Breaking change: Existing component nsx-paginator
has been replaced with counterpart from the ngx-ns-core
library.
Filter refactored
Breaking change: Existing component nsx-table-search
has been replaced with counterpart from the ngx-ns-core
library. The filtering capabilities have been upgraded.
Migration guide
Replacement of components to ngx-ns-core
components
Most of the removed components prefixed with nsx
can be easily refactored using a string replace to nsc
. The import needs to be updated as well. Some extra tips:
- Paginator:
page
input attribute has been replaced withpaginator
. This also reflects in the output event emitter, now namedpaginatorChange
. - Table:
data
input attribute has been renamed todataSource
. It still accepts a data array, but now also accepts aNscDataSource
. - Filter:
DataConnectorFilters.ts
does not includename
orfunctionalKey
field anymore, it is now based onQueryFilterFields
.nsx-table-search
has been deleted. This can be replaced with the more capablensc-filter
component.
Table does not show all fields anymore
The generated table component does not show all fields anymore out-of-the-box. It only displays Fields
that have the option angular.isTableColumn
. Previous behaviour can be achieved by using the supplied transmutation AddDefaultAngularTableDataElement
.