MVC Classic ユーザーガイド
はじめに
MVC の基礎
MVC 5 での Wijmo の操作
MVC Classic プロジェクトの作成
NuGet を介した Wijmo 参照の追加/更新
jQuery と jQuery UI の概要
jQuery 構文
jQuery セレクタ
jQuery 要素セレクタ
jQuery 属性セレクタ
jQuery CSS セレクタ
ドキュメントレディ関数
jQuery オプション
jQuery および jQuery UI のリソース
MVC 5 スキャフォールディングの使用
手順 1:MVC Classic Web アプリケーションの作成
手順 2:モデルの追加
手順 3:Entity Framework への参照の追加
手順 4:コントローラーの追加
手順 5:プロジェクトの実行
MVC Classic ウィジェット
Wijaccordion
Wijaccordion チュートリアル
手順 1:ビューの設定
手順 2:ウィジェットの初期化
手順 3:プロジェクトの実行
アコーディオンへのアニメーションの適用
コンテンツペインの拡張方向の変更
Hover 状態でのアコーディオンペインの拡張
複数のペインを同時に開く
Chart ウィジェット
Wijbarchart
Wijbarchart チュートリアル
手順 1:ビューの設定
手順 2:ウィジェットの初期化
手順 3:プロジェクトの実行
Wijbarchart タスク別ヘルプ
アニメーションのタスク
軸のタスク
X 軸と Y 軸の定義
軸ラベルのスタイル設定
回転後の軸タイトルの下方移動
軸ラベルの回転
凡例の定義とオプションの設定
ヘッダーの定義とオプションの設定
フッターの定義とオプションの設定
ツールチップの定義
SeriesList の定義
系列のホバースタイルの定義
Wijbubblechart
Wijbubblechart チュートリアル
手順 1:ビューの設定
手順 2:ウィジェットの初期化
手順 3:プロジェクトの実行
Wijbubblechart タスク別ヘルプ
X 軸と Y 軸の定義
軸ラベルのスタイル設定
回転後の軸タイトルの下方移動
軸ラベルの回転
凡例の定義とオプションの設定
ヘッダーの定義とオプションの設定
フッターの定義とオプションの設定
ツールチップの定義
SeriesList の定義
系列のホバースタイルの定義
Wijcompositechart
Wijcompositechart チュートリアル
手順 1:ビューの設定
手順 2:ウィジェットの初期化
手順 3:プロジェクトの実行
Wijcompositechart タスク別ヘルプ
X 軸と Y 軸の定義
軸ラベルのスタイル設定
回転後の軸タイトルの下方移動
軸ラベルの回転
凡例の定義とオプションの設定
ヘッダーの定義とオプションの設定
フッターの定義とオプションの設定
ツールチップの定義
シリーズ一覧の定義
Wijlinechart
Wijlinechart チュートリアル
手順 1:ビューの設定
手順 2:ウィジェットの初期化
手順 3:プロジェクトの実行
Wijlinechart タスク別ヘルプ
X 軸と Y 軸の定義
軸ラベルのスタイル設定
回転後の軸タイトルの下方移動
軸ラベルの回転
凡例の定義とオプションの設定
ヘッダーの定義とオプションの設定
フッターの定義とオプションの設定
ツールチップの定義
シリーズ一覧の定義
系列のスタイルの定義
Wijpiechart
Wijpiechart チュートリアル
手順 1:ビューの設定
手順 2:ウィジェットの初期化
手順 3:プロジェクトの実行
Wijpiechart タスク別ヘルプ
ドーナツグラフの作成
凡例の定義とオプションの設定
ヘッダーの定義とオプションの設定
フッターの定義とオプションの設定
ツールチップの定義
シリーズ一覧の定義
Wijscatterchart
Wijscatterchart チュートリアル
手順 1:ビューの設定
手順 2:ウィジェットの初期化
手順 3:プロジェクトの実行
Wijscatterchart タスク別ヘルプ
X 軸と Y 軸の定義
軸ラベルのスタイル設定
凡例の定義とオプションの設定
ヘッダーの定義とオプションの設定
フッターの定義とオプションの設定
ツールチップの定義
シリーズ一覧の定義
系列のホバースタイルの定義
Gauge ウィジェット
Wijlineargauge
Wijlineargauge チュートリアル
手順 1:ビューの設定
手順 2:ウィジェットの初期化
手順 3:プロジェクトの実行
Linear Gauge へのインタラクティブ機能の追加
線形ゲージの向きの設定
対数ゲージの作成
線形ゲージの外観のカスタマイズ
Wijradialgauge
Wijradialgauge チュートリアル
手順 1:ビューの設定
手順 2:ウィジェットの初期化
手順 3:プロジェクトの実行
対数ゲージの作成
実行時の放射状ゲージのマージンの設定
実行時の放射状ゲージの位置の設定
放射状ゲージの外観のカスタマイズ
Wijinput
Wijinputmask
Wijinputmask チュートリアル
手順 1:ビューの設定
手順 2:ウィジェットの初期化
手順 3:プロジェクトの実行
ドロップダウンリストへのマスクの追加
文字を要求するマスクの作成
パスワードと SSN の入力の非表示化
Wijinputnumber
Wijinput number チュートリアル
手順 1:ビューの設定
手順 2:ウィジェットの初期化
手順 3:プロジェクトの実行
入力の通貨書式設定
入力のパーセント書式設定
ドロップダウンリストへの数値の追加
Wijinputdate
Wijinputdate チュートリアル
手順 1:ビューの設定
手順 2:ウィジェットの初期化
手順 3:プロジェクトの実行
日付ピッカーのドロップダウンカレンダーの作成
日付のドロップダウンリストの作成
Wijcalendar
Wijcalendar チュートリアル
手順 1:ビューの設定
手順 2:ウィジェットの初期化とカスタマイズ
手順 3:プロジェクトの実行
Wijcalendar タスク別ヘルプ
カスタム日付の作成
ポップアップカレンダーの作成
カレンダーの月の完全名と年の表示
カレンダーの月の省略名と年の表示
カレンダーの月日と年の表示
マルチカレンダーの表示
外側のカレンダーナビゲーションボタンを使用したカレンダーの移動
次のカレンダー月のプレビュー
カレンダーの週番号の選択
カレンダー月の選択
カレンダーの曜日の選択
最小および最大日付範囲の設定
アニメーションオプションの指定
Wijcarousel
Wijcarousel チュートリアル
手順 1:ビューの設定
手順 2:ウィジェットの初期化
手順 3:プロジェクトの実行
カルーセルへのアニメーションの適用
カルーセルの向きの設定
カルーセルのページャスタイルの設定
カルーセルへのビデオコンテンツの取り込み
カルーセルコンテンツのプレビュー
Wijcombobox
Wijcombobox チュートリアル
手順 1:ビューの設定
手順 2:ウィジェットの初期化
手順 3:プロジェクトの実行
Wijcombobox タスク別ヘルプ
ComboBox の幅の変更
ドロップダウンリストの位置の変更
search メソッドを使用してテキストボックスに入力した文字を検索する
select イベントを使用してコンボボックスで選択した項目をトリガーする
Wijdatepager
Wijdatepager チュートリアル
手順 1:ビューの設定
手順 2:ウィジェットの初期化
手順 3:プロジェクトの実行
DatePager ビュータイプの設定
選択された日付の設定
週の最初の曜日の設定
Wijdatasource
Wijdatasource チュートリアル
手順 1:ビューの設定
手順 2:ウィジェットの初期化
手順 3:プロジェクトの実行
ローカルデータの読み込み
プロキシでリモートデータを読み込む
Wijdialog
Wijdialog チュートリアル
手順 1:ビューの設定
手順 2:ウィジェットの初期化
手順 3:プロジェクトの実行
外部コンテンツの設定
カスタム HTML コンテンツの作成
モーダルダイアログオプションの使用
アラートダイアログの作成
確認ダイアログの作成
Wijdialog のアニメーション化
Wijeditor
Wijeditor チュートリアル
手順 1:ビューの設定
手順 2:ウィジェットの初期化
手順 3:プロジェクトの実行
簡単なエディタツールバーの使用
Wijeditor での BBCode の使用
Wijeventscalendar
Wijeventscalendar チュートリアル
手順 1:ビューの設定
手順 2:ウィジェットの初期化とカスタマイズ
手順 3:プロジェクトの実行
C1EventsCalendar での開始日の変更
C1EventsCalendar のカルチャの変更
ヘッダーバーの非表示化
ナビゲーションバーの非表示化
Wijexpander
Wijexpander チュートリアル
手順 1:ビューの設定
手順 2:ウィジェットの初期化
手順 3:プロジェクトの実行
エクスパンダへのアニメーションの適用
拡張方向の変更
外部コンテンツの表示
Wijgallery
Wijgallery チュートリアル
手順 1:ビューの設定
手順 2:ウィジェットの初期化
手順 3:プロジェクトの実行
ギャラリーへのアニメーションの適用
ギャラリーの向きの設定
ギャラリーのページャの設定
ギャラリーへのビデオコンテンツの取り込み
外部ギャラリーコンテンツの表示
Wijgrid
Wijgrid チュートリアル
手順 1:モデルの作成
手順 2:コントローラーの作成
手順 3:ビューの作成
手順 4:MVC プロジェクトへの Wijmo の追加
動的データロードの有効化
サーバーでの Wijgrid の作成
列の日付型の設定
グリッドへのデータのロード
カスタムデータパーサー
列バンドの追加
ページ付けされたグリッドの作成
グリッド選択モードの設定
グルーピングと集計のカスタマイズ
Wijlightbox
Wijlightbox チュートリアル
手順 1:ビューの設定
手順 2:ウィジェットの初期化
手順 3:プロジェクトの実行
Lightbox のオートプレイ
サイズ変更アニメーションの設定
ライトボックスでの外部コンテンツとビデオの表示
ライトボックスでのキーボードによるナビゲーションの追加
ライトボックスへの〈Play〉および〈Pause〉ボタンの追加
ライトボックスでのテキスト位置の設定
ライトボックス遷移アニメーションの設定
Wijlist
Wijlist チュートリアル
手順 1:ビューの設定
手順 2:ウィジェットの初期化
手順 3:プロジェクトの実行
複数選択
Wijmenu
Wijmenu チュートリアル
手順 1:モデルの作成
手順 2:コントローラーの作成
手順 3:ビューの作成と Wijmo ウィジェットの追加
Wijmenu でのカスタムアイコンの使用
Wijmenu の向きの変更
Wijmenu の関数の設定
サブメニューの位置の変更
Wijmenu のアニメーション化
Wijpager
Wijpager チュートリアル
手順 1:ビューの設定
手順 2:ウィジェットの初期化
手順 3:プロジェクトの実行
ページングモードの変更
nextPrevious ページング
nextPreviousFirstLast ページング
numeric ページング
numericFirstLast ページング
ページ付けされたテーブルの作成
Wijpopup
Wijpopup チュートリアル
手順 1:ビューの設定
手順 2:ウィジェットの初期化
手順 3:プロジェクトの実行
ポップアップ位置の設定
ポップアップアニメーションの設定
Wijprogressbar
Wijprogressbar チュートリアル
手順 1:ビューの設定
手順 2:ウィジェットの初期化
手順 3:プロジェクトの実行
プログレスバーの進行方向の変更
Wijslider
Wijslider チュートリアル
手順 1:ビューの設定
手順 2:ウィジェットの初期化
手順 3:プロジェクトの実行
Wijslider の向きの変更
Wijslider の範囲の設定
Wijslider のドラッグフィルの動作
Wijslider へのアニメーションの適用
Wijsplitter
Wijsplitter チュートリアル
手順 1:ビューの設定
手順 2:ウィジェットの初期化
手順 3:プロジェクトの実行
フルサイズスプリッタの作成
水平または垂直スプリッタの作成
スプリッタの位置の設定
Wijsuperpanel
Wijsuperpanel チュートリアル
手順 1:ビューの設定
手順 2:ウィジェットの初期化
手順 3:プロジェクトの実行
Wijsuperpanel タスク別ヘルプ
クライアント側スクロール
SuperPanel のアニメーションオプションの設定
ドロップダウンリストの位置の変更
TextBox に入力された文字を探す search メソッドの使用
ComboBox 内の選択した項目をトリガーする select イベントの使用
Wijtabs
Wijtabs チュートリアル
手順 1:ビューの設定
手順 2:ウィジェットの初期化
手順 3:プロジェクトの実行
マウスでポイントしたときにタブを開く
タブ位置の設定
タブアニメーションの設定
Wijtooltip
Wijtooltip チュートリアル
手順 1:ビューの設定
手順 2:ウィジェットの初期化
手順 3:プロジェクトの実行
Wijtooltip タスク別ヘルプ
ツールチップの書式設定
モーダルツールチップの作成
ツールチップの位置の変更
Wijtree
Wijtree チュートリアル
手順 1:ビューの設定
手順 2:ウィジェットの初期化
手順 3:プロジェクトの実行
自動縮小オプションの使用
Expand on Hover オプションの使用
allowDrag および allowDrop プロパティの使用
カスタムドラッグ&ドロップオプションの使用
チェックボックスの使用
オブジェクトモデル
カスタムノードアイコンの使用
Wijupload
Wijupload チュートリアル
手順 1:ビューの設定
手順 2:ウィジェットの初期化
手順 3:プロジェクトの実行
Wijwizard
Wijwizard チュートリアル
手順 1:ビューの設定
手順 2:ウィジェットの初期化
手順 3:プロジェクトの実行
Ajax を介した Wijwizard コンテンツのロード
Wijwizard のオートプレイ
Wijwizard を備えるページャの使用
Wijwizard の単純なビューの設定
Wijwizard へのアニメーションの適用