Forum | Appery.io

Hello,

Here is an example
http://gyazo.com/1f400a4586de3aa7b72b...
You can see list items from list component on screenshot above.
If you look closer at last item you would see, that it has next:
data-aperry-tpl="true"
property, which means that it is used by Appery.io during mapping to create new item.

The problem is I need help with JS to achieve this. Can you help with JS? What JS do I write to find the listitem element and then add new list item?

ping? ..anyone?

ping? ..anyone?

Hi Xman,

Here is a code to insert new list item to certain list component.

precode

var newItemText = "Hello this is new item&quot

//Where "mobilelist_47" is your list component name.
var list = Apperyio("mobilelist_47");

//Get list template item.
var templateITem = list.find('li[data-appery-tpl="true"]');
var newItem = templateITem.clone().removeAttr("data-appery-tpl");

//Set text to new item
newItem.find("h3").text(newItemText);

//Append new item to end of the list component.
newItem.insertBefore(templateITem);

/code/pre

Regards.

...this did not work for me

Hi Yurii,

That solution above did not work, any ideas?

Did this not work because I have a label placed inside the list?
http://gyazo.com/6cffdd55eb0ce1a4e956...

Hi -

Yurii showed you a basis example, you will need to modify it for your implementation.

That is right, and I did modify it and change names etc. But did not work, that is confusing me.