KnockoutJS Web Development电子书

KnockoutJS Web Development

Table of Contents

KnockoutJS Web Development

Credits

About the Author

About the Reviewers

www.PacktPub.com

Support files, eBooks, discount offers, and more

Why subscribe?

Free access for Packt account holders

Preface

What this book covers

What you need for this book

Who this book is for

Conventions

Reader feedback

Customer support

Downloading the example code

Errata

Piracy

Questions

1. Getting Started with KnockoutJS

Installing KnockoutJS

Looking at MVVM

Binding DOM elements using Knockout

Binding text

Binding HTML

Binding CSS

Binding numbers

Managing visibility

Multibound control

Power development using browser developer tools

The Knockout debugger

Shortcuts

The DOM inspection

The AJAX inspection

The resource inspection

The device emulation

Using internal functions with Knockout

Preventing hidden features

Automating calculations with Knockout

Subtotal calculation

Tax time

Final total

Working with non-Knockout functions

Summary

2. Using Arrays, Nesting, and Grids

Conditional binding

Introduction to arrays in Knockout

Working with array collections

Removing the last item

Sorting time

The simpleGrid plugin

Running the code

Final sort

Summary

3. Giving Forms the Knockout Touch

Event binding

The binding markup

The binding checkbox with visibility

Modifier keys

Default actions

Preventing bubbling

The textInput binding

Dynamic focus

Radio and checkbox binding

Enhanced event integration

Select binding

Selecting elements with the object collections

Listing the management Knockout style

The uniqueName binding

Grid forms

Summary

4. Coding – AJAX, Binding Properties, Mapping, and Utilities

JSON done Knockout style

Mapping – first look

Connecting with AJAX remotely

Unmapping your data

Merging mapped data

Mapping options

Utility functions

ko.utils.arrayFilter()

ko.utils.arrayFirst()

ko.utils.arrayMap()

ko.utils.arrayGetDistinctValues ()

ko.utils.arrayForEach()

ko.utils.compareArrays()

Purifying our computations

Coding documents for computed observables

Form 1

Form 2

Form 3

Form 4

Using a computed observable

Using the computed context

Summary

5. The Joy of Templates

Native templates

Enhanced collection handling

Render event handling

Third-party template options

Modified template handling with Underscore

Live updates and the subscribe method in Knockout

Awesome template options

Summary

6. Packaged Elegance

Introduction to components

Dynamic component selection

Bring Your Own Tags (BYOT)

Enhancing attribute handling

Building your own libraries

Bootstrap component example

Understanding the AMD approach

Component-based SPAs

Best development strategies

Getting real

Coding time

Adding navigation

Adding pages

Time for some custom style

Bonus item

Building cross-page interaction

What next?

Summary

Index