Custom Editor for DataTable cell?

[ishara]

How can Add custom cell editor for DataTable ?

[Mrtcndkn]

Do you need something like this http://www.primefaces.org/primeng/#/datatableeditable ?

[ishara]

Yes , but I need to add Calendar , Dropdown and myOwnCell Editor component to DataTable cell.

[Mrtcndkn]

Then take a look at this one please http://primefaces.org/primeng/#/datatabletemplating

[ishara]

It seems for custom cell rendering solution, I need to add 'p-calendar' component in to the table cell.

[cagataycivici]

Ready for 2.0, used such as;

<p-dataTable [value]="cars" [editable]="true">
    <p-column field="vin" header="Vin" [editable]="true"></p-column>
    <p-column field="year" header="Year" [editable]="true"></p-column>
    <p-column field="brand" header="Brand" [editable]="true" [style]="{'overflow':'visible'}">
        <template let-col let-car="rowData" pTemplate="editor">
            <p-dropdown [(ngModel)]="car[col.field]" [options]="brands" [autoWidth]="false" [style]="{'width':'100%'}" required="true"></p-dropdown>
        </template>
    </p-column>
    <p-column field="color" header="Color" [editable]="true"></p-column>
    <p-column field="saleDate" header="Sale Date" [editable]="true" [style]=" {'overflow':'visible' }">
        <template let-col let-car="rowData" pTemplate="body">
             { {car[col.field]|date } }
        </template>
        <template let-col let-car="rowData" pTemplate="editor">
            <p-calendar [(ngModel)]="car[col.field]"></p-calendar>
        </template>
    </p-column>
</p-dataTable>

[mukeshkamboj]

@cagataycivici
Thanks for the above example.
How we can show the date along with time?

[MJuma]

@mukeshkamboj Angular Date Pipe?
https://angular.io/docs/ts/latest/api/common/index/DatePipe-pipe.html

[mukeshkamboj]

@MJuma Thanks for your response. Yes this is true. I used it. :-)

[jtraband]

I'm having trouble using almost exactly the same code in the treeTable. No error but no display either. Any ideas?

[deveshsinghal22]

@cagataycivici I am facing an issue in the same scenario.
As soon As I push a new object in the array, to add a new row. data table, replaces each row with the new added json, which has the json fields like null/blank.

[cagataycivici]

Please create a new issue ticket for new cases to be reviewed.

[nag0538]

how to save the data to back end after changes made?
Can anyone please guide me on this?