Skip to content

Commit fede1ed

Browse files
committed
Fixes #16
1 parent 82e04ea commit fede1ed

File tree

6 files changed

+50
-2
lines changed

6 files changed

+50
-2
lines changed

README.md

+18
Original file line numberDiff line numberDiff line change
@@ -73,6 +73,24 @@ Get data change event with parameters.
7373
**_isCommon[boolean]:_** If filter triggered through common filter.
7474
**_column[number]:_** If the filter tiggered from any particular column. This field exists if only _isCommon=false_.
7575
**_data[Array]:_** Filter values.
76+
77+
#### dataSorted [event]
78+
Get column sort event with parameters.
79+
80+
**_HTML_**
81+
```html
82+
<data-grid [pagination]="pagination" [theme]="theme"
83+
[columnDefs]="columnDefs" [rowData]="rowData" (dataSorted)="shortChanged($event)" ></data-grid>
84+
```
85+
**_JavaScript_**
86+
```javascript
87+
shortChanged (eventArgs){
88+
console.log("Column: ",eventArgs.column, "Type: ",eventArgs.type );
89+
}
90+
```
91+
##### Filter Change Event Parameters
92+
**_column[number]:_** ISort tiggered column.
93+
**_type[string]:_** Sort type ascending(ASC) or descending (DESC).
7694
### Themes
7795
* **theme [string]:** Theme based table. The available themes are as follows
7896
1. Matrial Theme (metrial-theme)

projects/angular-open-datagrid/README.md

+18
Original file line numberDiff line numberDiff line change
@@ -73,6 +73,24 @@ Get data change event with parameters.
7373
**_isCommon[boolean]:_** If filter triggered through common filter.
7474
**_column[number]:_** If the filter tiggered from any particular column. This field exists if only _isCommon=false_.
7575
**_data[Array]:_** Filter values.
76+
77+
#### dataSorted [event]
78+
Get column sort event with parameters.
79+
80+
**_HTML_**
81+
```html
82+
<data-grid [pagination]="pagination" [theme]="theme"
83+
[columnDefs]="columnDefs" [rowData]="rowData" (dataSorted)="shortChanged($event)" ></data-grid>
84+
```
85+
**_JavaScript_**
86+
```javascript
87+
shortChanged (eventArgs){
88+
console.log("Column: ",eventArgs.column, "Type: ",eventArgs.type );
89+
}
90+
```
91+
##### Filter Change Event Parameters
92+
**_column[number]:_** ISort tiggered column.
93+
**_type[string]:_** Sort type ascending(ASC) or descending (DESC).
7694
### Themes
7795
* **theme [string]:** Theme based table. The available themes are as follows
7896
1. Matrial Theme (metrial-theme)

projects/angular-open-datagrid/package.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "angular-open-datagrid",
3-
"version": "1.3.2",
3+
"version": "1.4.2",
44
"license": "(MIT)",
55
"homepage": "https://github.com/sowvikr/angular-open-datagrid-lilb",
66
"bugs": {

projects/angular-open-datagrid/src/lib/data-table/data-table.component.ts

+8
Original file line numberDiff line numberDiff line change
@@ -68,6 +68,11 @@ interface DataFilteredEventData {
6868
filterOptions: any
6969
}
7070

71+
interface DataSortedEventData {
72+
column: number,
73+
type: string,
74+
}
75+
7176

7277
@Component({
7378
selector: 'data-grid',
@@ -94,6 +99,7 @@ export class DataTableComponent implements OnInit {
9499

95100
@Output() dataChanged = new EventEmitter<DataChangeEventData>();
96101
@Output() dataFiltered = new EventEmitter<DataFilteredEventData>();
102+
@Output() dataSorted = new EventEmitter<DataSortedEventData>();
97103
@Input() pagination;
98104
private pageSize;
99105
public dragTheme;
@@ -458,6 +464,8 @@ export class DataTableComponent implements OnInit {
458464
const that:this = this;
459465
// Sort te table.
460466
this.TableRows.sort((a, b) => that.sortFunction(a, b, column, sortState));
467+
let sortEventData:DataSortedEventData = {column: column, type: sortState ? "ASC" : "DESC"};
468+
this.dataSorted.emit(sortEventData);
461469
this.pagedRows();
462470
this.setPagedRow(this.CurrentPage);
463471
this.contextMenuData = [];
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11

22
<div *ngFor="let dataTable of dataTables">
33
<data-grid [pagination]="dataTable.pagination" [theme]="dataTable.theme"
4-
[columnDefs]="dataTable.columnDefs" [rowData]="dataTable.rowData" (dataFiltered)="filterChanged($event)"></data-grid>
4+
[columnDefs]="dataTable.columnDefs" [rowData]="dataTable.rowData" (dataSorted)="shortChanged($event)" (dataFiltered)="filterChanged($event)"></data-grid>
55
</div>

src/app/pages/red-theme/red-theme.component.ts

+4
Original file line numberDiff line numberDiff line change
@@ -9,6 +9,10 @@ export class RedThemeComponent implements OnInit {
99
filterChanged (valueChanged){
1010
console.log("Change Triggered",valueChanged);
1111
}
12+
13+
shortChanged(eventArgs){
14+
console.log("Change Triggered", eventArgs);
15+
}
1216
dataTables: Array<any> = [
1317
{
1418
pagination: true, theme: 'red-theme',

0 commit comments

Comments
 (0)