mirror of https://github.com/abpframework/abp
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
35 lines
1.6 KiB
35 lines
1.6 KiB
## Angular UI Extensions
|
|
|
|
Angular UI extensions system allows you to add a new action to the actions menu, a new column to the data table, a new action to the toolbar of a page, and add a new field to the create and/or edit forms.
|
|
|
|
See the documents below for the details:
|
|
|
|
* [Entity Action Extensions](Entity-Action-Extensions.md)
|
|
* [Data Table Column (or Entity Prop) Extensions](Data-Table-Column-Extensions.md)
|
|
* [Page Toolbar Extension](Page-Toolbar-Extensions.md)
|
|
* [Dynamic Form (or Form Prop) Extensions](Dynamic-Form-Extensions.md)
|
|
|
|
## Extensible Table Component
|
|
|
|
Using [ngx-datatable](https://github.com/swimlane/ngx-datatable) in extensible table.
|
|
|
|
````ts
|
|
<abp-extensible-table
|
|
actionsText="Your Action"
|
|
[data]="items"
|
|
[recordsTotal]="totalCount"
|
|
[actionsColumnWidth]="38"
|
|
[actionsTemplate]="customAction"
|
|
[list]="list"
|
|
(tableActivate)="onTableSelect($event)" >
|
|
</abp-extensible-table>
|
|
````
|
|
|
|
* ` actionsText : ` ** Column name of action column. **Type** : string
|
|
* ` data : ` Items shows in your table. **Type** : Array<any>
|
|
* ` list : ` Instance of ListService. **Type** : ListService
|
|
* `actionsColumnWidth : ` Width of your action column. **Type** : number
|
|
* ` actionsTemplate : ` Template of the action when "click this button" or whatever. Generally ng-template. **Type** : TemplateRef<any>
|
|
* ` recordsTotal : ` Count of the record total. **Type** : number
|
|
* ` tableActivate : ` The Output(). A cell or row was focused via the keyboard or a mouse click. **Type** : EventEmitter()
|