28. レンダリング続き (1)
renderListOn: html
html ul: [
self list items do: [:each | html li:[self renderItem: each on: html]]
]
● プロキシ経由でitemsを得て、個々をrenderItem:on:で
レンダリング
29. レンダリング続き (2)
renderItem: each on: html
| chkbox |
chkbox := html input class: 'completed'; type: 'checkbox'.
chkbox onClick: [
each completed: each completed not.
chkbox asJQuery attr: 'checked' to: each completed
].
each completed ifTrue: [chkbox at: 'checked' put: 'checked'].
html span class: 'label'; with: each label
● <action> completed:や<state>labelを利用
● チェックボックスを即座に更新するためasJQueryでDOMを
とらえて’checked’属性を変えている