1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
|
import { Component, OnInit } from '@angular/core';
import { Column, DataTableSettings, ColumnTypes } from 'portalsdk-tag-lib';
import { AppService } from './shared/services/app.service';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent implements OnInit{
title = 'portalsdk-tag-lib-test-app';
public users;
public settings;
public columns : any = [];
constructor(public appservice: AppService) { }
ngOnInit() {
this.users = [
{"id": "1", "name": "Sundar","company": "AT&T","location": "USA"},
{"id": "2", "name": "Kishore", "company": "AT&T","location": "USA"},
{"id": "3", "name": "Sudarshan","company": "AT&T","location": "India"},
{"id": "4", "name": "Jegadeesh","company": "AT&T","location": "India"},
{"id": "5", "name": "Muni","company": "AT&T","location": "USA"},
{"id": "6", "name": "Dinesh","company": "AT&T","location": "India"},
{"id": "7", "name": "Abhay","company": "AT&T","location": "India"}
];
let list = [];
let val1 = {"id":"1","name":"India"};
let val2 = {"id":"2","name":"US"};
let val3 = {"id":"2","name":"China"};
list.push(val1);
list.push(val2);
list.push(val3);
//Demonstrating disable feature
let column = new Column("id","ID",ColumnTypes.TEXT, false,list);
column.setIsColumnDisabled = true;
this.columns.push(column);
this.columns.push(new Column("name","Name",ColumnTypes.TEXT, true,list));
this.columns.push(new Column("company","Company", ColumnTypes.TEXT, false,list));
this.columns.push(new Column("location","Location", ColumnTypes.DROPDOWN, true,list));
this.settings = new DataTableSettings()
this.settings.columns = this.columns;
this.settings.isPaginationEnabled=true;
this.settings.paginationsSize = "5";
this.settings.applicationService = this.appservice;
this.settings.modalPopupTitle = "Edit";
this.settings.isServerSidePaginationEnabled=false;
this.settings.isReadOnly = false;
}
}
|