Insert Record

Navigation:  Quick Start Guides > Cloud Storage Based App >

Insert Record

Previous pageReturn to chapter overviewNext page

Step 1: Click on File ->New, Set Page Title as "Insert", Select Free Layout Page.

 

mobilous_appexe_myproject_sbsg_phonestorage_insert_settitle

 

Step 2: Drag and Drop it on the List page on the left side as shown in image.

 

mobilous_appexe_myproject_sbsg_phonestorage_insert_newpagewin

 

Step 3: Drag and Drop three labels, three TextFields to enter data corresponding to the table fields and a RoundButton to insert data.

Set the Name/Identifier Property of TextFields as id_text, ename_text, address_text corresponding to the Database fields id,ename and address.

Set the Name/Identifier Property of RoundButton as "Insert".

 

mobilous_appexe_myproject_sbsg_phonestorage_insert_editor1

 

Step 4: Click on Edit(0) button of "Insert" RoundButton corresponding to "On Tap" function.

 

mobilous_appexe_myproject_sbsg_phonestorage_insert_editor

 

Step 5: Actions window open. Select "Remote DB Control" Actions Category, click on "Remote Insert" Action.

 

Enter Action Parameters:

 

Parameter

Description

Service Name

Select Service Name as " Mobilous".

Table

Select the Tablename in which data has to be inserted for e.g "emp".

Record

Define the Record. For each field in the table a record has to be added, by clicking on "Add".

Key

For each record Key is the name of the field in the Database table.

Value

For each record Value is the data entered in the TextField, which can be obtained by using TextField name in square brackets.like "[TextField]" e.g "[id_text]", "[ename_text]","[address_text]"

 

mobilous_appexe_myproject_sbsg_cloudstorage_insert_setparameter

 

Step 6:  Remote Insert action is added as shown in first image below. To apply action on the success of the "Remote Insert" action, click on the "+" Action Event Button on the right to view the success event. The events are displayed as shown in second image.

 

mobilous_appexe_myproject_sbsg_cloudstorage_insertapply1     mobilous_appexe_myproject_sbsg_cloudstorage_insertapply2

 

Step 7: Select "Success" event and click on "Add" button below. Select "Page Transition" Actions Category, click on "Return To Previous Page" Action.

 

mobilous_appexe_myproject_sbsg_cloudstorage_insert_onsuccessReturn

 

Step 8: Return to previous page Success action is applied as shown in first image. Click on "+" Action Event Button on the right of this action to add another Success action. The events under "Return to previous page" action is displayed as shown in second image.

 

mobilous_appexe_myproject_sbsg_cloudstorage_insert_returnsuccess1     mobilous_appexe_myproject_sbsg_cloudstorage_insert_returnsuccess2

 

Step 9: Select "Success" event and click on "Add" button at the bottom to add action. Select "Main Value" Actions Category, click on "Reload the Updated Data" Action.

 

Enter Action Parameters:

 

Parameter

Description

Table Page

Select the Target Page e.g "List" to get an updated list after inserting record.

 

 

mobilous_appexe_myproject_sbsg_cloudstorage_insert_onsuccessReload

 

Step 10: "Reload Update Data" action is applied on the "Success" event. User can click on the "+" Button on the right of the "Success" event to view the actions applied.

 

mobilous_appexe_myproject_sbsg_cloudstorage_insert_successadded     mobilous_appexe_myproject_sbsg_cloudstorage_insert_apply

 

 

Adding Navigation From "List Page" to "Insert Page".

 

Step 1: Click on File ->New. Click on "List" page title.

 

local_0

 

Step 2: "List" page opens. Unhide the Toolbar to add an "Insert" button in the Toolbar. Click on edit(0) button corresponding to UI elements.

 

local_2

 

Step 3: Drag and Drop Round Button to the Toolbar section. Set Display text as "Insert". Click on edit(0) corresponding to "On tap" function to add action on the "Insert" Button.

 

local_3

 

Step 4: Select Action Category as"Page Transitions" and select action as "Go To Child Page".

 

Enter Action Parameters:

 

Parameter

Description

Page Name

Select Page name as "Insert".

 

Localdb_8

 

Step 5: "Go to Child Page" action is applied.

 

Localdb_9

 

Preview:

1) Click on Insert Button on toolbar.

2) Insert page opens.

3) Enter new data.

4) Click on Insert.

5) Page navigates to previous List Page. Newly added data is shown on the List Page.

 

Preview1     Priview2   Preview3 Preview4