when creating a todolist with sql where i code the sql

Now we run in to a problem.When we add a todo item to todos array(variable in AppState),todos array gets updated but UI does not render.This is because while we add todo we are not re-rendering todoList. Above code is pretty long but if we go through it,it does simple task.We are extracting child of template tag (contains li,edit and delete button) and appends it to ul tag.For every todo item we have created a attach and display method.In attach method we have create a li tag and appends it to ul tag.In display method we have added text(todo item) and then provided todoId as its id to edit and delete button.Using this id we can easily delete and edit todo items.(button id contains id of corresponding todo item)ĭelete todo-When delete button is clicked, we can get todoId by selecting delete button and access its id.After getting todoId we get todos list(appState class) by using get method provided in AppState class.Todos array is filtered and it is set by using setter which changes todos(variable in AppState) array.Įdit todo-todoId is accessed and its value is set to input tag and corresponding todo item is deleted.

TodoItem constructor receives id,todoInput and todoItems from TodoList.

When creating a todolist with sql where i code the sql