Knockout.js

MVVMについて

a graph image

サンプル・アプリケーション

Your borwser is not supporting object tag. Please use one of the latest browsers.
Go to /KnockoutExam/knockoutEx1_HelloKo.html


First name, Last name を変更して、フォーカスを移すと Full name が更新される

ディレクトリ構成

[~/KnockoutExam]$ tree
.
├── README.md
├── js
│   ├── knockoutEx1_init.js
│   ├── knockoutEx1_model.js
│   ├── knockoutEx1_vmodel.js
│   ├── knockoutEx2_init.js
│   ├── knockoutEx2_model.js
│   ├── knockoutEx2_vmodel.js
│   ├── knockoutEx3_init.js
│   ├── knockoutEx3_model.js
│   ├── knockoutEx3_vmodel.js
│   └── lib
│       ├── domReady.js
│       ├── jquery-grid-4.7.1
│       │   ├── i18n
│       │   │   ├── grid.locale-ar.js
│       │   │   ├── grid.locale-bg.js
│       │   │   ├ ...
│       │   │   └── grid.locale-vi.js
│       │   ├── jquery.jqGrid.min.js
│       │   └── ui.jqgrid.css
│       ├── jquery-ui-1.11.3
│       │   ├── external
│       │   │   └── jquery
│       │   │       └── jquery.js
│       │   ├── images
│       │   │   ├── ui-icons_444444_256x240.png
│       │   │   ├── ui-icons_555555_256x240.png
│       │   │   ├── ui-icons_777620_256x240.png
│       │   │   ├── ui-icons_777777_256x240.png
│       │   │   ├── ui-icons_cc0000_256x240.png
│       │   │   └── ui-icons_ffffff_256x240.png
│       │   ├── index.html
│       │   ├── jquery-ui.css
│       │   ├── jquery-ui.js
│       │   ├── jquery-ui.min.css
│       │   ├── jquery-ui.min.js
│       │   ├── jquery-ui.structure.css
│       │   ├── jquery-ui.structure.min.css
│       │   ├── jquery-ui.theme.css
│       │   └── jquery-ui.theme.min.css
│       ├── knockout-3.2.0.js
│       ├── knockout-es5.js
│       └── require.js
├── knockoutEx1_HelloKo.html
├── knockoutEx2_Ko+jQuery.html
└── knockoutEx3_Ko+jqGrid.html

View

Init

ViewModel?

Model


HTML#Knockout


トップ   編集 凍結 差分 バックアップ 添付 複製 名前変更 リロード   新規 一覧 単語検索 最終更新   ヘルプ   最終更新のRSS   sitemap
Last-modified: 2015-02-19 (木) 02:07:52 (3588d)
Short-URL: http://at-sushi.com/pukiwiki/pukiwiki.php?cmd=s&k=37b26569e9
ISBN10
ISBN13
9784061426061