2016-10-24 3 views
0

Как мне выбрать данные, которые будут выбраны в качестве данных PrimeNG?Угловой 2 - PrimeNG Mock Datatable Selection

@Component({ 
    selector: 'p-dataTable', 
    template: `...` 
}) 
class MockDataTableComponent { 
    @Input() value; 
    @Input() selection; 
    @Output() selectionChange = new EventEmitter(); 
    click(rows: number) { 
     this.selection = rows; 
     return this.selection; 
    } 
} 

@Component({ 
    selector: 'data-table', 
    template: `<p-dataTable #datatable></p-dataTable>` 
}) 
class MyTableComponent { 
    @ViewChild('datatable') datatable; 
} 

Как вручную установить значения для издеваемого выбора в PrimeNG? Я хочу присвоить значение для выбора, например

this.selection[0]['name'] = "John Doe"; 
this.selection[0]['age'] = 30; 

Как это сделать?

ответ

0

Просто отправьте свой первоначальный выбор в <p-dataTable>.

@Component({ 
    selector: 'p-dataTable', 
    template: `...` 
}) 
class MockDataTableComponent { 
    @Input() value; 
    @Input() selection; 
    @Output() selectionChange = new EventEmitter(); 
    click(rows: number) { 
     this.selection = rows; 
     return this.selection; 
    } 
} 

@Component({ 
    selector: 'data-table', 
    template: `<p-dataTable [selection]="mockSelection" #datatable></p-dataTable>` 
}) 
class MyTableComponent { 

    mockSelection = []; 

    constructor(){ 
     this.mockSelection[0]={}; 
     this.mockSelection[0]['name'] = "John Doe"; 
     this.mockSelection[0]['age'] = 30; 
    } 
    @ViewChild('datatable') datatable; 
} 
+0

В моем случае я фактически передал настройку выбора в MockDataTableComponent. Благодарю. – xiotee

Смежные вопросы