Displaying Data

[nadiah jabbar]

if i want to enter the actual amount for the carrot or banana, how do i add in and display the data?

if i add in the actual amount for carrot it will be displayed underneath the input box.
can i use the same button and input box for this?

this is my mapping

and if i try to add in the amount for the different fruits this will occur.

[Evgene Karachevtsev]

Hi Nadiah,

Sorry but your app logic is not clear for us.
Thus please describe in details steps how it should work.

Regards.

[Lim Samantha]

Hi, for example, when i enter 10 at the actual amount under the input, 10 will display below after i click the 'add' button. (shown in the first picture)

• on behalf of Nadiah

[Lim Samantha]

this is another example.
if i add in 12 for the actual amoount, the label below will change to 12.
hope this is a better explanation and u could help us with it.

[Yurii Orishchuk]

Hi Lim,

Your goal is to get value from input component and set it to label component.

If so you need to:

Add JS event handler on button "click" event and populate it with following code:

pre

//Get value from input
//Note: you need replace "bananaInputName" with your input component name.
var bananaValue = Apperyio("bananaInputName").val();

//Set value to label.
//Note: you need replace "labelName" with your input component name.
Apperyio("labelName").text(bananaValue);

/pre

Regards.

[Lim Samantha]

Hi, i've tried your codes but now it only display for the first input
How do I make it work for all the items I have?
In addition, how do i save the actual amount I've added into database?

[Lim Samantha]

here are the screenshots.

[Yurii Orishchuk]

Lim,

Please use this code:

pre

var BindInputToLegend = function(inputName, labelName, buttonName){

Code: Select all

 var onButtonClick = function(){ 
     //Get value from input 
     var bananaValue = Apperyio(inputName).val(); 
     //Set value to label. 
     //Note: you need replace "labelName" with your input component name. 
     Apperyio(labelName).text(bananaValue); 
 }; 

 Apperyio(buttonName).click("click", onButtonClick); 

};

BindInputToLegend("inputName1", "labelName1", "buttonName1");
BindInputToLegend("inputName2", "labelName2", "buttonName2");
BindInputToLegend("inputName3", "labelName3", "buttonName3");
BindInputToLegend("inputName4", "labelName4", "buttonName4");

/pre

Regards.

[nadiah jabbar]

hello.
We only used one button and one input on the page.
however,when we test it,more than one button will appear due to the mapping.

[Yurii Orishchuk]

Hi Cody,

Please to try wrap your "callbackUrl" into "encodeURIComponent" function.

The problem is you don't escape some characters that's should be escaped.

For example your code should be:

pre

var url = "https://www.facebook.com/dialog/oauth...=" + Facebook_Settings['client_id'] + "&redirect_uri=" + encodeURIComponent(callbackUrl) + "&scope=publish_actions&response_type=token";

/pre

Regards.