ポップアップで色を選択できるようにする ガントチャートをWebアプリとしてつくる(10)で色を選択することができるようになったので、今回は選択した色を反映させます。 ⇒ 動作確認はこちらから ただし削除されては困るのでパ・・・
C#とJavaScriptをメインに情報発信をしています。
「ガントチャートをつくってみる」の記事一覧
ポップアップで色を選択できるようにする ガントチャートをWebアプリとしてつくる(10)
チャートのバーの色は青で固定でしたが、今回はこれを変更できるようにします。まずポップアップで色を選択するためのスライドバーとセレクトボックスを表示させます。 ⇒ 動作確認はこちらから ただし削除されては困るのでパスワード・・・
誰でも編集できないようにパスワードをかける ガントチャートをWebアプリとしてつくる(9)
今回は誰でも編集できないようにパスワードをかけます。本当はデータベースを作成するときにパスワードのカラムも作っておくべきだったのですが、あとになってカラムを追加したくなったとき用のコードを書いてみることにします。 ⇒ 動・・・
要らなくなったチャートを削除する ガントチャートをWebアプリとしてつくる(8)
前回のチャートを追加できるようにする ガントチャートをWebアプリとしてつくる(7)ではチャートを追加しましたが、今回はチャートを削除します。 ⇒ 動作確認はこちらから ただし削除されては困るのでパスワードをかけています・・・
チャートを追加できるようにする ガントチャートをWebアプリとしてつくる(7)
これまではひとつのチャートしか表示させることができませんでした。今回はひとつのアプリ内に複数のチャートを表示できるようにします。 ⇒ 動作確認はこちらから いったんトップページに戻って新規ボタンを押すと追加できます。 ト・・・
編集した項目を完全に保存できるようにする ガントチャートをWebアプリとしてつくる(6)
編集した項目をチャートとして表示させる ガントチャートをWebアプリとしてつくる(5)ではタスクを編集して反映ボタンをおすとチャートが表示されるようになりましたが、もう一度編集画面のページに移動するとタスクは一から編集し・・・
編集した項目をチャートとして表示させる ガントチャートをWebアプリとしてつくる(5)
前回のドラッグアンドドロップでタスクを移動させる ガントチャートをWebアプリとしてつくる(4)では項目をドラッグアンドドロップで移動できるようにしました。 しかしこれをチャートに表示させることができないのあれば意味がな・・・
ドラッグアンドドロップでタスクを移動させる ガントチャートをWebアプリとしてつくる(4)
ドラッグアンドドロップでタスクを移動させる ガントチャートをWebアプリとしてつくる(4) drag-drop-task-js カテゴリを作成してドラッグアンドドロップでカテゴリの表示順序やタスクを別カテゴリに移動できる・・・
カレンダーをポップアップ表示させる ガントチャートをWebアプリとしてつくる(3)
ガントチャートとして使えるようにするためにカレンダーをポップアップ表示させる方法を考えます。 ⇒ 動作確認はこちらから カレンダーを表示させる まず普通にカレンダーを表示させます。そのためのクラスを作成します。 コンスト・・・
JavaScriptでバーを描く ガントチャートをWebアプリとしてつくる(2)
今回はJavaScriptで作成したガントチャートのバーを描画します。項目としてタスク名とカテゴリ名、担当者名、期間もいっしょに描画します。 ⇒ 動作確認はこちらから Taskクラス まずタスクを管理するためのTaskク・・・
