topic Re: how to create dynamic table user interface in forms ? in Alfresco Archive

how to create dynamic table user interface in forms ?

rahul1 — Wed, 25 Aug 2010 03:45:11 GMT

Hi Folks,Just wondering in activiti task-forms how does one create dynamic table user-interface ( the one in which user can add rows, delete rows, edit any row) ? and how would you store that data back into process variable? This is a very common UI requirement across business processes like expense

Re: how to create dynamic table user interface in forms ?

tombaeyens — Wed, 25 Aug 2010 15:31:25 GMT

Can you elaborate what exactly you mean with dynamic table user-interface?

Do you mean that you want to specify a number of properties and their type in a human task activity inside a process and that Activiti Explorer then shows a form in table layout to get the user input for that task? Or something else?

Re: how to create dynamic table user interface in forms ?

rahul1 — Wed, 25 Aug 2010 17:50:43 GMT

more like if i define an array or map type and then activiti explorer shows a form in table layout in which the user can add rows of data, edit rows, delete rows and then finally submit the table of data back to process..thanks

Re: how to create dynamic table user interface in forms ?

jbarrez — Wed, 25 Aug 2010 18:45:53 GMT

The display of the table can be done by using basic freemarker (example from wikipedia):

<#list messages as m>
<p><b>${m.from}:</b> ${m.body}</p>
</#list>

However, if you want to delete, update, etc, rows, than you would need a more powerful component. I dont know if it would be possible with some javascript framework for example.

Re: how to create dynamic table user interface in forms ?

davidcognite — Wed, 25 Aug 2010 20:29:35 GMT

Hi Guys,

A couple of answers:

Joram: The YUI library we use in Explorer does indeed support these features, see examples at: http://developer.yahoo.com/yui/examples/datatable/dt_rowdatamod.html and http://developer.yahoo.com/yui/examples/datatable/dt_cellediting.html

Rahul: No, the client side element of the forms component within Explorer does not allow for user editable tabular data at the moment. To add support you'd need to handle both the client side elements (achieved using YUI DataTable and a standard html table output from the ftl) and the server side validation and storing of that data.

Re: how to create dynamic table user interface in forms ?

jeetesh — Sat, 09 Aug 2014 08:39:13 GMT

Please any one tel me how to create dynamic table user interface in forms

Re: how to create dynamic table user interface in forms ?

frederikherema1 — Mon, 11 Aug 2014 07:49:26 GMT

Please do not revive 2 year old threads - instead create a new one.

Anyway, to answer your question: you're question is very vague. Maybe share the technology you're using, your actviti setup and what you exactly mean with "dynamic table". Also, what have you already tried?