編集履歴

質問編集履歴

不要な部分を削除しました！

2017/03/07 07:17

投稿

Hisaro

スコア7

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -20,112 +20,40 @@
 ```ここに言語を入力
-[Index.cshtml]
+【Index.cshtml】
-<div class="container main-content">
+<form name="frmEtc">
-    <!-- タイトル -->
+        <input type="text" name="etchour" id="etchour" value="00" maxlength="2" style="width:80px">：
-    <div class="jumbotron" onload="test()">
+        <input type="text" name="etcmin" id="etcmin" value="15" maxlength="2" style="width:80px">
-        <h1>@ViewBag.Title</h1>
-    </div>
+</form>
-    <!-- その他タスク -->
+<input type="text" name="outoftask_name" id="otherTitle" value="その他">
+<button type="button" class="btn-success" onclick="add_bottoninput_set()">ADD</button>
-    <div class="row">
+<div class="row">
-        <div class="col-md-1"></div>
-        <div class="col-md-3">
-            <form name="frmEtc">
-                <h1>
-                    <input type="text" name="etchour" id="etchour" value="00" onKeyup="this.value=this.value.replace(/[^0-9]+/,'')" maxlength="2" style="width:80px">：
-                    <input type="text" name="etcmin" id="etcmin" value="15" onKeyup="this.value=this.value.replace(/[^0-9]+/,'')" maxlength="2" style="width:80px">
-                </h1>
-            </form>
-        </div>
-        <form name="fm">
-            <div class="col-md-4">
-                <h1>
-                    <input type="text" name="outoftask_name" id="otherTitle" value="その他" style="width:300px;">
-                </h1>
-            </div>
-            <div class="col-md-3">
-                <h1>
-                    <button type="button" class="btn btn-lg btn-success" id="save" name="add" onclick="add_bottoninput_set()">ADD</button>
-                    <button type="button" class="btn btn-lg btn-danger" onclick="del_bottoninput_set()">DEL</button>
-                </h1>
-            </div>
-        </form>
-    </div>
-    <!-- 区切り線 -->
-    <div class="row">
-        <hr />
-    </div>
-    <!-- タスク一覧 -->
+    <!-- ボタン作成される予定 -->
-    <div class="row">
-        <div class="col-md-1"></div>
-        <div class="col-md-9" id="btnTasks">
+    <div class="col-md-9" id="btnTasks"></div>
-        </div>
-    </div>
 </div>
-<!-- タスクボタン作成 -->
 <script>
     // JSONデータを取得
     var activities = '@Html.Raw(ViewBag.Json)';
-    // JSON 文字列を解析して JavaScript のオブジェクト
     var data = JSON.parse(activities);
@@ -134,23 +62,11 @@
     var html = "";
-    for (var i = 0; i < data.Tasks.length; i++) {
-        var resArray = (data.Tasks[i].dueDateTime).split(":");
-        html += "<button class='btn btn-info btn-lg btn-block' id='" + data.Tasks[i].id + "' style='text-align:left;'>"
-                + "【 " + resArray[0] + " h】" + data.Tasks[i].title + "</button><br/>";
-    }
     for (var i = 0; i < data.Others.length; i++) {
-        html += "<button type='button' class='btn btn-info btn-lg btn-block' id='" + i + "' style='text-align:left;'>"
+        html += "<button type='button' class='btn btn-info btn-block' style='text-align:left;'>"
-                + data.Others[i].title + "【" + data.Others[i].ActivityHours + ":" + data.Others[i].ActivityMinutes + "】" + "</button><br/>";
+                + data.Others[i].title + "</button><br/>";
-        data.Tasks[i].TaskId = i;
     }
@@ -158,302 +74,160 @@
     btnTasks.innerHTML = html;
+    // ADDボタン処理
+    function add_bottoninput_set() {
+        // 初期値
+        var etchour = 0;
+        var etcmin = 0;
+        etchour = document.frmEtc.etchour.value;
+        etcmin = document.frmEtc.etcmin.value;
+        var length = Object.keys(data.Others).length;
+        var maxIndex = parseInt(length);
+        var delobj = { "title": "", "ActivityHours": "0", "ActivityMinutes": "0", "ActivitySeconds": "0" };
+        data.Others[maxIndex] = delobj;
+        data.Others[maxIndex].title = document.getElementById("otherTitle").value;
+        data.Others[maxIndex].ActivityHours = etchour;
+        data.Others[maxIndex].ActivityMinutes = etcmin;
+        var req = new XMLHttpRequest();
+        req.open("POST", "/Home/Index", true);
+        req.setRequestHeader('Content-Type', 'application/json; charset=utf-8');
+        req.setRequestHeader('Content-Length', data.length);
+        req.send("{'updateData':'" + JSON.stringify(data) + "'}");
+        return false
+    }
 </script>
+【HomeContoroller】
+namespace WebTest02.Controllers
+{
-<!-- ボタン クリックイベント(JavaScript) -->
+    public class HomeController : Controller
+    {
+        public ActionResult Index()
+        {
-<div class="wrap clearfix">
+            ViewBag.Title = "テストアプリ";
-    <p class="timetext" id="text"></p><div id="CDT"></div>
-    <script type="text/javascript">
-        //今週の時間と今日の残時間のオブジェ
-        var arrwktime = new Array(0, 0);
-        var arrtdytime = new Array(8, 0);
+            mdlTEST activities = new mdlTEST();
-        // 初期値
-        var etchour = 0;
-        var etcmin = 0;
-        // ADDボタン処理
-        function add_bottoninput_set() {
-            // NULL, 空文字チェック
-            if (document.frmEtc.etchour.value == null || document.frmEtc.etchour.value == "") {
-                document.frmEtc.etchour.value = "00";
-            }
-            if (document.frmEtc.etcmin.value == null || document.frmEtc.etcmin.value == "") {
-                document.frmEtc.etcmin.value = "00";
-            }
-            etchour = document.frmEtc.etchour.value;
+            activities.Others = new List<mdlTEST.TestModel>();
-            etcmin = document.frmEtc.etcmin.value;
-            // Others追加処理
+            //TODO Azure Storage or SQLから取得
-            other_create(etchour, etcmin);
-            document.frmEtc.etchour.value = 00;
+            activities.Others.Add(new mdlTEST.TestModel() { title = "その他０１" });
+            activities.Others.Add(new mdlTEST.TestModel() { title = "その他０２" });
-            document.frmEtc.etcmin.value = 00;
+            ViewBag.Json = JsonConvert.SerializeObject(activities);
-            var req = new XMLHttpRequest();
+            return View(activities);
-            req.open("POST", "/Home/Index", true);
-            req.setRequestHeader('Content-Type', 'application/json; charset=utf-8');
-            req.setRequestHeader('Content-Length', data.length);
-            req.send("{'updateData':'" + JSON.stringify(data) + "'}");
-            return false
         }
-        // data.Others作成処理
+        [HttpPost]
-        function other_create(hour, min) {
+        public ActionResult Index(string updateData)
-            // data.Othersの数取得
+        {
-            var length = Object.keys(data.Others).length;
-            var maxIndex = parseInt(length);
+            mdlTEST activities = new mdlTEST();
-            // data.Othersに新しい配列追加
-            var delobj = { "title": "", "ActivityHours": "0", "ActivityMinutes": "0", "ActivitySeconds": "0" };
-            data.Others[maxIndex] = delobj;
-            // JavaScriptオブジェクトのOthersにタイトル追加
-            data.Others[maxIndex].title = document.getElementById("otherTitle").value;
+            activities = JsonConvert.DeserializeObject<mdlTEST>(updateData);
-            data.Others[maxIndex].ActivityHours = hour;
-            data.Others[maxIndex].ActivityMinutes = min;
+            ViewBag.Json = JsonConvert.SerializeObject(activities);
+            ModelState.Clear();
-            return false;
+            return View(activities);
         }
-    </script>
-</div>
+    }
-[HomeContoroller]
+}
-using Newtonsoft.Json;
-using System;
+【mdlTEST】
-using System.Collections.Generic;
-using System.Linq;
-using System.Web;
-using System.Web.Mvc;
-using WebTest02.Models;
-namespace WebTest02.Controllers
+namespace WebTest02.Models
 {
-    public class HomeController : Controller
+    public class mdlTEST
     {
+        public List<TestModel> Others { get; set; }
-        public ActionResult Index()
+        public class TestModel
         {
+            public string TaskId { get; set; }
-            ViewBag.Title = "テストアプリ";
+            public string title { get; set; }
+            public string dueDateTime { get; set; }
+            public string ActivityHours { get; set; }
-            mdlTEST activities = new mdlTEST();
+            public string ActivityMinutes { get; set; }
-            activities.Tasks = new List<mdlTEST.TestModel>();
-                    activities.Tasks.Add(new mdlTEST.TestModel() { dueDateTime = "2:00:00", title = "テスト０１" });
-                    activities.Tasks.Add(new mdlTEST.TestModel() { dueDateTime = "1:00:00", title = "テスト０２" });
-                    activities.Tasks.Add(new mdlTEST.TestModel() { dueDateTime = "2:00:00", title = "テスト０３" });
-                    activities.Tasks.Add(new mdlTEST.TestModel() { dueDateTime = "1:00:00", title = "テスト０４" });
-                    activities.Others = new List<mdlTEST.TestModel>();
+            public string ActivitySeconds { get; set; }
-                    //TODO Azure Storage or SQLから取得
+            public bool IsReported { get; set; }
-                    activities.Others.Add(new mdlTEST.TestModel() { title = "その他０１" });
-                    activities.Others.Add(new mdlTEST.TestModel() { title = "その他０２" });
-            ViewBag.Json = JsonConvert.SerializeObject(activities);
-            return View(activities);
         }
-        [HttpPost]
-        public ActionResult Index(string updateData)
-        {
-            mdlTEST activities = new mdlTEST();
-            activities = JsonConvert.DeserializeObject<mdlTEST>(updateData);
-            ViewBag.Json = JsonConvert.SerializeObject(activities);
-            return View(activities);
-        }
     }
 }
-[mdlTEST]
-using System;
-using System.Collections.Generic;
-using System.Linq;
-using System.Web;
-namespace WebTest02.Models
-{
-    public class mdlTEST
-    {
-        string ModelVersion
-        {
-            get { return "0.0.0.0"; }
-        }
-        public string GetModelVersion()
-        {
-            return ModelVersion;
-        }
-        public List<TestModel> Tasks { get; set; }
-        public List<TestModel> Others { get; set; }
-        public class TestModel
-        {
-            public string TaskId { get; set; }
-            public string title { get; set; }
-            public string dueDateTime { get; set; }
-            public string ActivityHours { get; set; }
-            public string ActivityMinutes { get; set; }
-            public string ActivitySeconds { get; set; }
-            public bool IsReported { get; set; }
-        }
-    }
-}
 ```
@@ -464,6 +238,4 @@
 原因がわかる方がいらっしゃったら御教授お願い致します！！