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 multiselection UI for datatable

Browse Source
This commit is contained in:
Denys Vuika
2016-05-20 13:30:11 +01:00
parent 4e9deac9ed
commit 58f7429f25
7 changed files with 70 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,5 +1,11 @@
<div class="p-10">
<alfresco-datatable [data]="data"></alfresco-datatable>
<alfresco-datatable [data]="data" [multiselect]="multiselect"></alfresco-datatable>
</div>
<div class="p-10">
<label class="mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect" for="checkbox-1">
<input type="checkbox" id="checkbox-1" class="mdl-checkbox__input" [(ngModel)]="multiselect">
<span class="mdl-checkbox__label">Multiselect</span>
</label>
</div>
<div class="p-10">
<button

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

@@ -35,6 +35,8 @@ declare let __moduleName: string;
pipes: [AlfrescoPipeTranslate]
})
export class DataTableDemoComponent {
multiselect: boolean = false;
data: ObjectDataTableAdapter;
private _imageUrl: string = 'http://placehold.it/140x100';
@@ -88,7 +90,7 @@ export class DataTableDemoComponent {
replaceColumns() {
let schema = [
{ type: 'text', key: 'id', sortable: true },
{ type: 'text', key: 'name', sortable: true }
{ type: 'text', key: 'name', sortable: true, cssClass: 'full-width name-column' }
];
let columns = schema.map(col => new ObjectDataColumn(col));
this.data.setColumns(columns);