#TodoMVC #Repeater #DataBinding #DataAPI
![](https://static.wixstatic.com/media/a27d24_496ea63c34c84a3980f19ea16bd15c01~mv2.png/v1/fill/w_673,h_542,al_c,q_90,enc_auto/a27d24_496ea63c34c84a3980f19ea16bd15c01~mv2.png)
Demonstrates
Links for this example
View the “Live” example in a browser page
Open the Example template in the Wix Editor
About this example
This is the Wix Code version of the TodoMVC project. Using input components in a Repeater, the Data binding and Data API implementations (on separate pages) are functionally the same and demonstrate different techniques for the developer.
Brillliant! Thanks so much to Yisrael for such a helpful example - works great!
is there a way to add a delete button for a specific to do list item? Like if the user wants to delete a specific item can there be an "X" when you hover over a line and the item be deleted from list and database?
The Live example only shows the items I have entered (no items that have been added by any other users), but when I publish the Example template the items I enter are shown when I open the published page in another browser and on another device. How did you get the Live example to do this? I'm setting up a calculator and would like each user to only see the data they have entered.
What is the difference between Data Binding and Data API? Is one better than the other? Lastly, can we have only one than having both?
The TextInput element does not appear to be in the repeater. Am I missing something? Thanks.
If I already have code written with HTML, CSS and JavaScript....is there any other code I could use to populate the to do list on the page without connecting to the database? I'm just not understanding how to conncect a separate form I've created to a database on Wix.
Is this content going to stay on the page from session to session - and is this because it's tied to the database?
thank a lot fo r explaing and of course for Your work, Chris
Could You explain what exacly means _ in this code. I understand you find id of item's repeater but where i can find more about this "_" how to use it?
data.find(_ => _._id === itemId);
export async function checkbox1_change(event) { let $item = $w.at(event.context); let itemId = event.context.itemId; let newValue = $item('#checkbox1').checked; let item = $w('#repeater1').data.find(_ => _._id === itemId); item.completed = newValue; await saveItem(item);
Its so great example. i struggled with save and refresh problem for weeks. It didnt want to refresh repeaters after save. Thanks to await async it works now. Sooooooooooooooooooooooooo Greaaaaaaaaaaat. Those editor exapmles are powerfull becasue i can see everything connected (code, layout, collection) . For "code changer" not developer like me its time saving. Thanks a lot for for such examples
What do we use Await and Async for
Hey Yisrael! So good and a simple yet super powerful sample how to now use input elements in repeaters! Thank you so much!