[SOLVED] Add a new row to a datatable in edit mode

[daniel.camargo]

Hi,

I'd like to know if there is a way to add a new row to a datable and make this row editable without clicking on the edit button (some kind of javascript call).

Could anyone help me on that?

[daniel.camargo]

I can't say that this is the best way to do it but it's working:

Code: Select all

<p:commandLink
	action="#{mBean.addNewRow}"
	value="Add new row" styleClass="icon icon-add"
	update="items-list messages" oncomplete="editLastDatatableRow();" />

function editLastDatatableRow(){
	jQuery('.ui-datatable-data tr').last().find('span.ui-icon-pencil').each(function(){
		jQuery(this).click()
	});
}

[callahan]

That's a good trick. It should be in the DataTables JavaScript client side API.

[bumble.bee]

Thanks for posting your solution. Being able to control whether the row is in edit mode is a good feature.