Visual Studio 2013 での備忘録

Visual Studio 2013 では開発を行う際の素体の生成に NuGet を活用することで最適化を図れるようになったみたいですが、逆に言うとあることをしようとした時に NuGet からどのパッケージを持ってくるのかを把握しておかないと。。。ということになってますよね :mrgreen:

ということで、気がついたことなどを忘れた時のために( ..)φメモメモ (なので、この投稿は不定期に更新する予定。。。)

クライアントサイドでのデータ検証
Create.cshtml で @Scripts.Render("~/bundles/jqueryval") が生成されるけど、必要な JavaScript のライブラリがプロジェクトにインストールされていない。NuGet で "Microsoft.jQuery.Unobtrusive.Validation" をインストールして、App_Start/BundleConfig.cs で ~/bundles/jqueryval に "~/Scripts/jquery.validate.js", "~/Scripts/jquery.validate.unobtrusive.js" を設定することで利用環境が整う。
Entity Framework(バージョン 6) コードファーストでの SqlServerCe プロバイダの使用
NuGet で "EntityFramework.SqlServerCompact" をインストールする。
Bootstrap.Datepicker.Globalize 1.0.0 をインストールすると前後の月へ移動する左右矢印アイコンが表示されない
Bootstrap.Datepicker.Globalize 1.0.0 をインストールすると Bootstrap.Datepicker 1.1.3.1 がインストールされる。また、Twitter.Bootstrap 2.1.1 をインストールしようとするが、初期状態で Twitter Bootstrap 3.0.0 が入っているため、上書き確認ダイアログが表示される。通常は既存のものより古いものへの上書きは「いいえ」を選ぶでしょうから、Twitter Bootstrap のバージョン間の相違により左右矢印のアイコンが表示されなくなる(Twitter Bootstrap 3 からアイコンの取り扱いに変更があったため(参考資料「Twitter Bootstrap 3 でアイコンを使う方法」))。

解決方法は二通りある。

  • NuGet から Bootstrap.Datepicker 1.2.0.1 をインストールする(アイコンの利用をやめて、文字参照「«」「»」を利用するように変更されている)
  • Twitter Bootstrap 3 のアイコン利用方法に合うように bootstrap-datepicker.js を書き換える(1190行及び1192行の i 要素の class 属性の値を それぞれ「icon-arrow-left」から「glyphicon glyphicon-arrow-left」、「icon-arrow-right」から「glyphicon glyphicon-arrow-right」へ変更する。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です