Upcoming SlideShare
Loading in...5
×

Like this? Share it with your network

Share

Knockout mvvm-m3-slides

  • 521 views
Uploaded on

Playlists : https://www.youtube.com/watch?v=Wblm9FFZvyU&index=2&list=PLLQgkMVoGtcvWc0ad55883Q0puL6fDi8E

Playlists : https://www.youtube.com/watch?v=Wblm9FFZvyU&index=2&list=PLLQgkMVoGtcvWc0ad55883Q0puL6fDi8E

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
521
On Slideshare
521
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
1
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Built In Bindings John Papa @john_papa http://johnpapa.net
  • 2. Outline  Built In Bindings          Text & HTML Value bindings Checkboxes and radio buttons Drop down lists Enabling and disabling elements Setting and determining focus Handling events and binding to methods CSS and styling Attributes
  • 3. Built In Bindings  Built into Knockout  Facilitate binding to attributes for elements  May use multiple binding expressions separated by commas <input type="text" data-bind="enable: allowEditing, value:salePrice" /> <select data-bind="options: colors, value: selectedColor, optionsText: 'name', optionsValue: 'key'" ></select>
  • 4. Built-in Bindings Click and binding Displayeventstate bindings Bindings for specific attributes Text and value bindings attr checked click css disable enable event hasfocus html options optionsText optionsValue selectedOptions style submit text uniqueName value visible
  • 5. Value Binding Options: valueUpdate change keyup keypress afterkeydown • input area’s value changes (default) • key is released • key is pressed & while held down • key is pressed <input type="text" data-bind="value:price, valueUpdate:'afterkeydown' " />
  • 6. DEMO Built In Bindings
  • 7. Summary  Built In Bindings          Text & HTML Value bindings Checkboxes and radio buttons Drop down lists Enabling and disabling elements Setting and determining focus Handling events and binding to methods CSS and styling Attributes
  • 8. For more in-depth online developer training visit on-demand content from authors you trust