JavaScript

A collection of 4 posts

3月 15, 2016

knockoutjs + Typescript でのViewModelの書き方

はじめに knockoutjs + Typescript でのViewModelの書き方が分からなかったので 試行錯誤した結果をまとめてみる。Webアプリケーション向けです。 注意:書いた人はTypescript初心者です。間違ってたらコメント下さい。 参考にしたページ(英語): https://github.com/Microsoft/TypeScript/wiki/'this'-in-TypeScript 書き方 ///<reference path="../../typings/jquery/jquery.d.ts"/> ///<reference path=

3月 12, 2016

ViewModelに共通する処理をまとめたい

出典 http://stackoverflow.com/questions/16569810/knockout-viewmodel-base-class-javascript-inheritance やり方 // 1 共通の処理 (function (ko, undefined) { ko.MyBase = function () { var self = this; // 共通で使う変数とかメソッドとか self.test = function() { alert('test'); } } }(ko)); // 2 個別の画面で使うVM function MyViewModel() { "use strict&

3月 11, 2016

idangerous Swiper内にSELECTを置くと動作しない件の対応方法

Swiperって? Webページをスワイプ対応にするライブラリ。 http://www.idangero.us/swiper/ この記事は、Swiper 3.1.2 で動作確認した。 Ver 3未満の場合は別の方法が必要。 問題 IE 11 / Edge で、スワイプエリア内のセレクトボックスが選択できなくなる。 具体的には、ドロップダウンは表示されるが、選択できない状態になる。 解決策 SELECTタグに、 class="swiper-no-swiping" を追加する。 たったこれだけ。

8月 30, 2015

Knockout.jsを使っていてハマった事

はじめに Knockout.js 3.3.0を使い始めて数週間ですが、 とりあえずハマった事をメモします。 Mapping JSONからKnockoutのObservableを作ってくれる便利なプラグインですが… ko.toJSONするといらないものが付く ko_mappings みたいなのが付いてしまう。 → ko.mapping.toJSON を使う必要がある。 Editables 編集のロールバックや、変更されたか否かを自動で判定してくれる便利なもの。 ko.editable(hoge) すると hasChanges が追加されてしまう ko.mapping.toJSONしたときに余計なプロパティが 付いてしまう。(で、例えばJavaとか型の固い言語にJSON化して引き渡すとhasChangesを