- KnockoutJS by Example
- Adnan Jaswal
- 261字
- 2021-07-09 21:55:32
Chapter 2. Creating a To-do List Application
In the previous chapter, we built a simple address book application and introduced the skeleton we will be using in this book to develop more complex applications. This chapter will walk you through building a more complex application, a to-do list. This application will build and enhance the concepts learned in the previous chapter.
In this chapter, you will learn how to:
- Work with lists using observable arrays
- Bind input elements such as text fields and dropdown to our model
- Use the
foreach
flow control with templating to render a table - Control text using the
text
data binding - Control appearance using the
css
data binding - Use visible binding to show or hide components
- Sort the list using the sort method of the observable arrays
- Filter the list using the
arrayFilter
method of theko.utils
package - Use computed observables to display dynamically changing data
The to-do list application allows the user to create and manage tasks. The application has the following features:
- Add and view tasks
- Delete a task
- Complete a task
- Set a priority for my tasks
- View the tasks sorted by priority and name
- View the number of total and completed tasks
As mentioned in the previous chapter, we will be taking an iterative approach to building the applications in this book. We will iteratively develop each feature listed earlier until the application evolves into a fully featured one. Each feature will have a corresponding checkpoint folder in the accompanying code. The folders are named as chapter2\checkpoint1
, chapter2\checkpoint2
, and so on.
- C#完全自學教程
- Interactive Data Visualization with Python
- Magento 2 Theme Design(Second Edition)
- Arduino開發實戰指南:LabVIEW卷
- Python零基礎快樂學習之旅(K12實戰訓練)
- Building Mapping Applications with QGIS
- H5頁面設計:Mugeda版(微課版)
- Scala Data Analysis Cookbook
- Python編程快速上手2
- SAP Web Dynpro for ABAP開發技術詳解:基礎應用
- 企業級Java現代化:寫給開發者的云原生簡明指南
- Mastering Object:Oriented Python(Second Edition)
- Raspberry Pi開發實戰
- JavaScript全棧開發
- Java EE框架開發技術與案例教程