TypeScript + Knockout ES5 でさらにシンプルに 以前の Twitter を使った DEMO が動かなくなっていたことと、TypeScript が正式リリースされたこともあり 本記事はリニューアルいたしました。 過去のサンプルをご覧になりたい方は こちら をご参照ください。 TypeScript という言語のサンプルをご用意しました。 TypeScript は CoffeeScript などと同様に JavaScript へコンパイルするタイプの言語 (altJS と総称される) で、C# に近いオブジェクト指向表現が特徴です。 ここでは TypeScript と Knockout ES5 の力を借りて グリッドエディタ を書きなおしてみます。 TypeScript での開発の始め方については TypeScript クイックガイド がわかりやすいです。 ViewMod
How is it possible to make knockout data-bind work on dynamically generated elements? For example, I insert a simple html select menu inside a div and want to populate options using the knockout options binding. This is what my code looks like: $('#menu').html('<select name="list" data-bind="options: listItems"></select>'); but this method doesn't work. Any ideas?
Knockout.js で項目のページングを行う方法として、公式サンプルにある simpleGrid を使う方法があります。 Knockout : Paged grid 名前からわかるように、ページング用と言うよりも簡単に GridView を作るための ViewModel になります。*1 もうちょっと汎用的に使えるページング用の実装が欲しかったので調べていたら、JSFiddle で paging extender と言うものを見つけました。 extender を使って observableArray にページング用のメソッドやプロパティを追加するので、結構スマートに書けているし実装が分離出来ていていい感じです。 ちょっとごちゃっとしてるので、最低限のコードだけ引っ張ってきました。 <ul data-bind="foreach: tweets.currentPageData"> <li
Knockout.jsで大規模開発してみた件について。
筆者の担当していた案件では、Knockout.jsを使って開発していました。 今回はどんな感じで使ってたのか？というのを記事にしたいと思います。 Knockout.jsとは？ MVVM(Model-View-ViewModel)パターンをサポートするフレームワークです。 双方向バインディング云々…書こうとしましたが、こちらを参照したほうが良いでしょう。 わかりやすいです。 ［Knockout］MVVMパターンでアプリケーションを構築する http://www.buildinsider.net/web/bookjslib111/89 どんな案件？ 内容 webviewを使ったスマートフォン向けのアプリ開発。 サポート端末 Android4.0以上 iOS6.0以上 案件規模 フロントエンジニアは5名程度。 コード量 愚直に↓をしてみると、数十万行 $ find . -name "*.js"
Background Both Knockout.js and Backbone.js have their strengths and weaknesses, but together they are amazing! With Knockback.js, you can use the strong ORM provided by Backbone and create dynamic views using Knockout bindings. Features Localization Knockout.js' bindings and automagical update Backbone's sleek Model definition Dynamic collection sorting Two-way string formatting Dependencies Knoc
I'm stuck with what must be a simple fix. I am using knockout.js with nested view models, and all seems fine except that my remove function is not working correctly. It appears to be binding correctly, however it is not fired when I click remove. Why nested view models? Long story, but essentially a lot of stuff is required to be on one page! So here is the code: HTML <section class="mini-form-con
I'm thinking that my application is getting quite large now, too large to handle each View with a single ViewModel. So I'm wondering how difficult it would be to create multiple ViewModels and load them all into a single View. With a note that I also need to be able to pass X ViewModel data into Y ViewModel data so the individual ViewModels need to be able to communicate with each other or at leas
本コーナーは、技術評論社発行の書籍『JavaScriptライブラリ実践活用［厳選111］』の中から、特にBuild Insiderの読者に有用だと考えられる項目を編集部が選び、同社の許可を得て転載したものです。 『JavaScriptライブラリ実践活用［厳選111］』の詳細や購入は技術評論社のサイトや目次ページをご覧ください。 KnockoutはModel-View-ViewModel（MVVM）パターンをサポートするライブラリです。Knockoutではデータバインドを用いて、宣言的にView（HTML）とViewModelを関連付けます。そうすると、Viewを変更すればViewModelが、ViewModelを変更すればViewがというように、一方の変更がもう一方に自動的に反映されるようになります。また、Viewのボタンクリックなどのアクションについても、データバインドを使ってViewM
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
