rowEditorTemplate
.
Each control can has an individual save and cancel button.
Undo history can span multiple row edits, and update and cancel can create pseudo transactions.
It's possible to completely ignore explicit update and cancel buttons, and make data editing as quick as possible.
Bootstrap Theme
{{record.row.alice}}
{{record.row.bill}}
{{record.row.casey}}
{{record.row | average(record.row.alice,record.row.bill,record.row.casey)}}
{{record.row | total(record.row.alice,record.row.bill,record.row.casey)}}
{{record.row | average(record.row.alice,record.row.bill,record.row.casey)}}
{{record.row | total(record.row.alice,record.row.bill,record.row.casey)}}
{{values | sum}}
Total Fruit Per Person
[
{ fruit: 'apple', alice: 4, bill: 10, casey: 2 },
{ fruit: 'banana', alice: 0, bill: 4, casey: 0 },
{ fruit: 'grape', alice: 2, bill: 3, casey: 5 },
{ fruit: 'pear', alice: 4, bill: 2, casey: 8 },
{ fruit: 'strawberry', alice: 0, bill: 14, casey: 0 }
]
ExtJS Theme
{{record.row.alice}}
{{record.row.bill}}
{{record.row.casey}}
{{record.row | average(record.row.alice,record.row.bill,record.row.casey)}}
{{record.row | total(record.row.alice,record.row.bill,record.row.casey)}}
{{record.row | average(record.row.alice,record.row.bill,record.row.casey)}}
{{record.row | total(record.row.alice,record.row.bill,record.row.casey)}}
{{values | sum}}
Total Fruit Per Person
ESPN.com Theme
{{record.row.alice}}
{{record.row.bill}}
{{record.row.casey}}
{{record.row | average(record.row.alice,record.row.bill,record.row.casey)}}
{{record.row | total(record.row.alice,record.row.bill,record.row.casey)}}
{{record.row | average(record.row.alice,record.row.bill,record.row.casey)}}
{{record.row | total(record.row.alice,record.row.bill,record.row.casey)}}
{{values | sum}}
Total Fruit Per Person
[
{ fruit: 'apple', alice: 4, bill: 10, casey: 2 },
{ fruit: 'banana', alice: 0, bill: 4, casey: 0 },
{ fruit: 'grape', alice: 2, bill: 3, casey: 5 },
{ fruit: 'pear', alice: 4, bill: 2, casey: 8 },
{ fruit: 'strawberry', alice: 0, bill: 14, casey: 0 }
]