Monday 16 October 2017

Adding New Row to Table

How to add new row dynamically to table

Here scenario is to adding new row to table, filling all table header details like ID, Name, Address, so here create Employee table using repeater.

Step - 1 - Place the repeater on canvas , in properties tab name the repeater as Employee and add column in repeater table.


Step - 2 - click on repeater cell, it will open in new tab window, where place the box name it.


Step - 3 - Create header for table, Place the box and name it.


Step - 4 - select the repeater - in Properties tab -> click on "OnItemLoad" it will open case editor. now add actions in case editor.

In case Editor -> Click to add actions -> Widgets -> Set Text

Configure actions -> checked ID, in bottom click on "fx" it will open Edit Text window


Step - 5 - In Edit Text window -> click on Insert Variable or Functions -> Select from dropdown -> "Item.ID" and click OK.

Same step follow for address and name also.



Step - 6 - after assigning the values Repeater looks like, loaded all values which assign in the repeater table. 


Step - 7 - Adding New Row to Table -> Place Text field with label and buttons , select all adding block and make it group, and give name to the group as Add Group.


Step - 8 - first click on clear button then In Properties tab click on  "OnClick" it will open case editor.

In Case Editor ->  Click to add actions -> Set text 

Configure actions -> check Add_ID, Add_Address, Add_Name (From add group) then click OK


Step - 9 - First click on Add Button then In Properties Tab click on "OnClick" to add case

Click to add actions -> Datasets -> Add Rows

Configure actions -> checked Employee (Repeater)

In Bottom click on Add Row , it will open Add Rows to Repeater - Now click on "fx"


Step - 10 - While click on "fx" it will open Edit Value


Step - 11 - In Edit Value -> Click on Add Local Variable, in Last column from drop down select Add_ID in the top (Insert Variable or Functions) Text area add [[LVAR1]] and click OK.

Follow same step to add other fx values like Add_address, Add_Name.


Step -12 - After adding row need to set text so, in Case Editor -> Click to add actions -> Widgets -> Set Text 

Configure actions -> Checked Add_address, Add_Name, Add_Id (from add group) and click OK


Step - 13 - Preview and check to add some row.


Thanks.

No comments:

Post a Comment