inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-07-24 17:32:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

#82 data adapter api improvements

Browse Source
This commit is contained in:
Denys Vuika
2016-05-20 10:36:08 +01:00
parent e528ad8f9b
commit 27692bb6b7
5 changed files with 80 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
demo-shell-ng2/app/components/datatable/datatable-demo.component.html
View File

@@ -1,3 +1,10 @@
<div class="p-10">
<alfresco-datatable [data]="data"></alfresco-datatable>
</div>
<div class="p-10">
<button
class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect"
(click)="addRow()">
Add row
</button>
</div>

37
demo-shell-ng2/app/components/datatable/datatable-demo.component.ts
View File

@@ -19,7 +19,9 @@ import { Component } from 'angular2/core';
import { AlfrescoPipeTranslate } from 'ng2-alfresco-core/services';
import {
ALFRESCO_DATATABLE_DIRECTIVES,
ObjectDataTableAdapter, DataSorting
ObjectDataTableAdapter,
DataSorting,
ObjectDataRow
} from 'ng2-alfresco-datatable/ng2-alfresco-datatable';
declare let __moduleName: string;
@@ -34,20 +36,19 @@ declare let __moduleName: string;
export class DataTableDemoComponent {
data: ObjectDataTableAdapter;
private _imageUrl: string = 'http://placehold.it/140x100';
private _createdBy: any = {
name: 'Denys Vuika',
email: 'denys.vuika@alfresco.com'
};
constructor() {
let imageUrl = 'http://placehold.it/140x100';
let createdBy = {
name: 'Denys Vuika',
email: 'denys.vuika@alfresco.com'
};
this.data = new ObjectDataTableAdapter(
[
{id: 1, name: 'Name 1', createdBy: createdBy, icon: 'material-icons://folder_open'},
{id: 2, name: 'Name 2', createdBy: createdBy, icon: 'material-icons://accessibility'},
{id: 3, name: 'Name 3', createdBy: createdBy, icon: 'material-icons://alarm'},
{id: 4, name: 'Image 1', createdBy: createdBy, icon: imageUrl}
{id: 1, name: 'Name 1', createdBy: this._createdBy, icon: 'material-icons://folder_open'},
{id: 2, name: 'Name 2', createdBy: this._createdBy, icon: 'material-icons://accessibility'},
{id: 3, name: 'Name 3', createdBy: this._createdBy, icon: 'material-icons://alarm'},
{id: 4, name: 'Image 1', createdBy: this._createdBy, icon: this._imageUrl}
],
[
{type: 'image', key: 'icon', title: '', srTitle: 'Thumbnail'},
@@ -59,4 +60,16 @@ export class DataTableDemoComponent {
this.data.setSorting(new DataSorting('name', 'asc'));
}
addRow() {
let id = this.data.getRows().length + 1;
let row = new ObjectDataRow({
id: id,
name: 'Name ' + id,
icon: 'material-icons://extension',
createdBy: this._createdBy
});
this.data.getRows().push(row);
this.data.sort();
}
}