編集履歴

質問編集履歴

ソースをまとめました

2017/12/21 08:04

投稿

shori0128

スコア29

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -1,11 +1,5 @@
 ###前提・実現したいこと
-※文字数の関係でhtml部分が非常に見づらく極一部の抜粋になっています。
-申し訳ありません。
 monacaでonsenui+angularjs1でandroidアプリの開発をしております。
 以下に記述するソースで$scope.$apply()でリストが更新されません。
@@ -36,20 +30,6 @@
 ```javascript
-const kijiFolder = 'kiji';
-const pageOption = {
-  animation: 'slide'
-};
-let appDir, kijiDir, sql;
 ons.bootstrap()
 .factory('sharedScope', function ($rootScope) {
@@ -90,175 +70,265 @@
         .then(function () {
-          if (!appDir) return resolveLocalFileSystemURLSync(cordova.file.dataDirectory);
+          return db.select(sql);
         })
-        .then(function (fs) {
+        .then(function (result) {
-          if (fs) appDir = fs;
+          let localItem = [];
-          if (!kijiDir) return getDirectorySync(appDir, kijiFolder);
+          result.forEach(function (record, index) {
+            localItem.push({
+              key: record.XML_PATH,
+              xmlPath: path(kijiDir.nativeURL, record.XML_PATH),
+              imagePath: '',
+              thumbPath: '',
+              title: record.TITLE,
+              honbun: record.HONBUN,
+              category: record.CATEGORY,
+              author: record.AUTHOR,
+              sendFlg: record.SEND_FLG,
+              updateDate: record.UPDATE_DATE
+            });
+          });
+          $scope.item = localItem;
+          $scope.$apply();
         })
-        .then(function (fs) {
-          if (fs) kijiDir = fs;
-          sql = " SELECT";
-          sql += " XML_PATH";
-          sql += " ,TITLE";
-          sql += " ,HONBUN";
-          sql += " ,CATEGORY";
-          sql += " ,AUTHOR";
-          sql += " ,SEND_FLG";
-          sql += " ,UPDATE_DATE";
-          sql += " FROM";
-          sql += " M_FILE_INFO";
-          sql += " WHERE";
-          sql += " KG_KBN = '1'";
-          sql += " ORDER BY";
-          sql += " UPDATE_DATE DESC";
-          const db = new DB();
-          db.open();
-          return db.select(sql);
-        })
-        .then(function (result) {
-          let localItem = [];
-          result.forEach(function (record, index) {
-            localItem.push({
-              key: record.XML_PATH,
-              xmlPath: path(kijiDir.nativeURL, record.XML_PATH),
-              imagePath: '',
-              thumbPath: '',
-              title: record.TITLE,
-              honbun: record.HONBUN,
-              category: record.CATEGORY,
-              author: record.AUTHOR,
-              sendFlg: record.SEND_FLG,
-              updateDate: record.UPDATE_DATE
-            });
+        .catch(getErr);
+    };
+    //■ 起動時
+    ons.ready(function () {
+      sharedScope.setScope('reloadKiji', {
+        reload: function () {
+          showKiji();
+        }
+      });
+      showKiji();
+    });
+    $scope.delegate = {
+      configureItemScope: function (index, itemScope) {
+        itemScope.item = {
+          key: $scope.item[index].key,
+          xmlPath: $scope.item[index].xmlPath,
+          imagePath: $scope.item[index].imagePath,
+          thumbPath: $scope.item[index].thumbPath,
+          title: $scope.item[index].title != '' ? $scope.item[index].title : '(無題)',
+          honbun: $scope.item[index].honbun,
+          category: $scope.item[index].category,
+          author: $scope.item[index].author,
+          sendFlg: $scope.item[index].sendFlg,
+          updateDate: $scope.item[index].updateDate
+        };
+      },
+      calculateItemHeight: function (index) {
+        return 91;
+      },
+      countItems: function () {
+        return $scope.item.length;
+      }
+    };
+    //■ 記事編集画面オープン
+    $scope.openEditor = function (index) {
+      sharedScope.setScope('kijiEditCtrl', {
+        key: $scope.item[index].key,
+        xmlPath: $scope.item[index].xmlPath,
+        imagePath: $scope.item[index].imagePath,
+        thumbPath: $scope.item[index].thumbPath,
+        title: $scope.item[index].title,
+        honbun: $scope.item[index].honbun,
+        category: $scope.item[index].category,
+        author: $scope.item[index].author,
+        sendFlg: $scope.item[index].sendFlg,
+        updateDate: $scope.item[index].updateDate
+      });
+      tabNavi1.pushPage('kijiEdit.html', pageOption);
+    };
+  })
+  .controller('kijiEditCtrl', function ($scope, $rootScope, sharedScope) {
+    //■ 画面ロード時
+    $scope.getData = function (event) {
+      //～データ取得した内容を画面に反映～
+    };
+    //■ 保存処理
+    const saveProcess = function (xml) {
+      const db = new DB();
+      db.open();
+      const title = (isDefined($scope.title)) ? $scope.title : '';
+      const honbun = (isDefined($scope.honbun)) ? $scope.honbun : '';
+      const category = (isDefined($scope.category)) ? $scope.category : '';
+      const author = (isDefined($scope.author)) ? $scope.author : '';
+      const now = formatDate(new Date());
+      if (isDefined(xml)) {
+        //～データの更新処理～
+        db.update(sql)
+          .then(function (result) {
+            if (result === true) {
+              sharedScope.getScope('reloadKiji').reload();
+            }
+          })
+          .catch(function (err) {
+            window.alert(err);
+            console.log(err);
           });
-          $scope.item = localItem;
-          $scope.$apply();
-        })
-        .catch(function (err) {
-          window.alert(err);
-          console.log(err);
-        });
-    };
-    //■ 起動時
-    ons.ready(function () {
-      sharedScope.setScope('reloadKiji', {
-        reload: function () {
-          showKiji();
-        }
-      });
-      showKiji();
-    });
-    $scope.delegate = {
-      configureItemScope: function (index, itemScope) {
-        itemScope.item = {
-          key: $scope.item[index].key,
-          xmlPath: $scope.item[index].xmlPath,
-          imagePath: $scope.item[index].imagePath,
-          thumbPath: $scope.item[index].thumbPath,
-          title: $scope.item[index].title != '' ? $scope.item[index].title : '(無題)',
-          honbun: $scope.item[index].honbun,
-          category: $scope.item[index].category,
-          author: $scope.item[index].author,
-          sendFlg: $scope.item[index].sendFlg,
-          updateDate: $scope.item[index].updateDate
-        };
-      },
-      calculateItemHeight: function (index) {
-        return 91;
-      },
-      countItems: function () {
-        return $scope.item.length;
+      } else {
+        //新規処理
+        xml = 'SCM_K_' + formatDateStr(new Date()) + '_' + createRandomStr() + '.xml';
+        //～データの挿入処理～
+        db.insert(sql)
+          .then(function (result) {
+            if (result === true) {
+              sharedScope.setScope('kijiEditCtrl', {
+                key: xml,
+                xmlPath: path(kijiDir.nativeURL, xml),
+                imagePath: '',
+                thumbPath: '',
+                title: title,
+                honbun: honbun,
+                category: category,
+                author: author,
+                sendFlg: null,
+                updateDate: now
+              });
+              sharedScope.getScope('reloadKiji').reload();
+            }
+          })
+          .catch(getErr);
       }
@@ -266,329 +336,159 @@
-    //■ 記事編集画面オープン
+    //■ 上書保存
-    $scope.openEditor = function (index) {
+    $scope.overWriteFile = function () {
-      sharedScope.setScope('kijiEditCtrl', {
+      const data = sharedScope.getScope('kijiEditCtrl')
-        key: $scope.item[index].key,
-        xmlPath: $scope.item[index].xmlPath,
-        imagePath: $scope.item[index].imagePath,
-        thumbPath: $scope.item[index].thumbPath,
-        title: $scope.item[index].title,
-        honbun: $scope.item[index].honbun,
-        category: $scope.item[index].category,
-        author: $scope.item[index].author,
-        sendFlg: $scope.item[index].sendFlg,
-        updateDate: $scope.item[index].updateDate
+      const xml = (isDefined(data.key)) ? data.key : undefined;
+      saveProcess(xml);
-      });
+    };
+    //■ 別名保存
-      tabNavi1.pushPage('kijiEdit.html', pageOption);
+    $scope.createFile = function () {
+      saveProcess();
     };
   })
-  .controller('kijiEditCtrl', function ($scope, $rootScope, sharedScope) {
-    //■ 画面ロード時
-    $scope.getData = function (event) {
-      const data = sharedScope.getScope('kijiEditCtrl')
-      if (isDefined(data)) {
-        $scope.key = data.key;
-        $scope.xmlPath = data.xmlPath;
-        $scope.imagePath = data.imagePath;
-        $scope.thumbPath = data.thumbPath;
-        $scope.title = data.title;
-        $scope.honbun = data.honbun;
-        $scope.category = data.category;
-        $scope.author = data.author;
-        $scope.sendFlg = data.sendFlg;
-        $scope.updateDate = data.updateDate;
-        $scope.$apply();
-      }
-    };
-    //■ 保存処理
-    const saveProcess = function (xml) {
-      const db = new DB();
-      db.open();
-      const title = (isDefined($scope.title)) ? $scope.title : '';
-      const honbun = (isDefined($scope.honbun)) ? $scope.honbun : '';
-      const category = (isDefined($scope.category)) ? $scope.category : '';
-      const author = (isDefined($scope.author)) ? $scope.author : '';
-      const now = formatDate(new Date());
-      if (isDefined(xml)) {
-        //更新処理
-        sql = " UPDATE M_FILE_INFO SET";
-        sql += " TITLE = '" + title + "'";
-        sql += " ,HONBUN = '" + honbun + "'";
-        sql += " ,CATEGORY = '" + category + "'";
-        sql += " ,AUTHOR = '" + author + "'";
-        sql += " ,UPDATE_DATE = '" + now + "'";
-        sql += " WHERE";
-        sql += " XML_PATH = '" + xml + "' AND";
-        sql += " KG_KBN = '1'";
-        db.update(sql)
-          .then(function (result) {
-            if (result === true) {
-              sharedScope.getScope('reloadKiji').reload();
-            }
-          })
-          .catch(function (err) {
-            window.alert(err);
-            console.log(err);
-          });
-      } else {
-        //新規処理
-        xml = 'SCM_K_' + formatDateStr(new Date()) + '_' + createRandomStr() + '.xml';
-        sql = " INSERT INTO M_FILE_INFO (";
-        sql += " XML_PATH";
-        sql += " ,IMAGE_PATH";
-        sql += " ,THUMB_PATH";
-        sql += " ,KG_KBN";
-        sql += " ,TITLE";
-        sql += " ,HONBUN";
-        sql += " ,CATEGORY";
-        sql += " ,AUTHOR";
-        sql += " ,INSERT_DATE";
-        sql += " ,UPDATE_DATE";
-        sql += " ) VALUES (";
-        sql += " '" + xml + "'";
-        sql += " ,''";
-        sql += " ,''";
-        sql += " ,'1'";
-        sql += " ,'" + title + "'";
-        sql += " ,'" + honbun + "'";
-        sql += " ,'" + category + "'";
-        sql += " ,'" + author + "'";
-        sql += " ,'" + now + "'";
-        sql += " ,'" + now + "'";
-        sql += " )";
-        db.insert(sql)
-          .then(function (result) {
-            if (result === true) {
-              sharedScope.setScope('kijiEditCtrl', {
-                key: xml,
-                xmlPath: path(kijiDir.nativeURL, xml),
-                imagePath: '',
-                thumbPath: '',
-                title: title,
-                honbun: honbun,
-                category: category,
-                author: author,
-                sendFlg: null,
-                updateDate: now
-              });
-              sharedScope.getScope('reloadKiji').reload();
-            }
-          })
-          .catch(function (err) {
-            window.alert(err);
-            console.log(err);
-          });
-      }
-    };
-    //■ 上書保存
-    $scope.overWriteFile = function () {
-      const data = sharedScope.getScope('kijiEditCtrl')
-      const xml = (isDefined(data.key)) ? data.key : undefined;
-      saveProcess(xml);
-    };
-    //■ 別名保存
-    $scope.createFile = function () {
-      saveProcess();
-    };
-  })
 ```
 ```html
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
+  <meta http-equiv="Content-Security-Policy" content="default-src * data: gap: https://ssl.gstatic.com; style-src * 'unsafe-inline'; script-src * 'unsafe-inline' 'unsafe-eval'">
+  <script src="components/loader.js"></script>
+  <script src="lib/angular/angular.min.js"></script>
+  <script src="lib/onsenui/js/onsenui.min.js"></script>
+  <script src="lib/onsenui/js/angular-onsenui.min.js"></script>
+  <script src="ext/imageResizer/resize.js"></script>
+  <script type="text/javascript" src="func.js"></script>
+  <script type="text/javascript" src="promise.js"></script>
+  <script type="text/javascript" src="webSql.js"></script>
+  <script type="text/javascript" src="index.js"></script>
+  <link rel="stylesheet" href="components/loader.css">
+  <link rel="stylesheet" href="lib/onsenui/css/onsenui.css">
+  <link rel="stylesheet" href="lib/onsenui/css/onsen-css-components.css">
+  <link rel="stylesheet" href="css/bootstrap-4.0.0-beta-dist/css/bootstrap.min.css">
+  <link rel="stylesheet" href="css/selectBox.css">
+  <link rel="stylesheet" href="css/style.css">
+</head>
+<body>
+  <ons-navigator id="appNavi" page="common.html"></ons-navigator>
+  <ons-template id="tabNavi1.html">
+    <ons-navigator id="tabNavi1" page="kijiCatalog.html"></ons-navigator>
+  </ons-template>
+  <ons-template id="tabNavi2.html">
+    <ons-navigator id="tabNavi2" page="gazoCatalog.html"></ons-navigator>
+  </ons-template>
+  <ons-template id="tabNavi3.html">
+    <ons-navigator id="tabNavi3" page="templateEdit.html"></ons-navigator>
+  </ons-template>
+</body>
+</html>
 <ons-template id="kijiCatalog.html">
-<ons-page id="kijiCatalog" ng-controller="kijiCatalogCtrl">
+  <ons-page id="kijiCatalog" ng-controller="kijiCatalogCtrl">
-<ons-list>
+    <ons-list>
-<ons-list-item class="item" modifier="chevron" ons-lazy-repeat="delegate" ng-click="openEditor($index)" tappable>
+      <ons-list-item class="item" modifier="chevron" ons-lazy-repeat="delegate" ng-click="openEditor($index)" tappable>
-<ons-row>
+        <ons-row>
-<ons-col>
+          <ons-col>
-<header>
+            <header>
-<span class="title" ng-model="title">{{item.title}}</span>
+              <span class="title" ng-model="title">{{item.title}}</span>
-<span class="label">{{item.updateDate}}</span>
+              <span class="label">{{item.updateDate}}</span>
-</header>
+            </header>
-<p style="height: 10px"></p>
+            <p style="height: 10px"></p>
-<span align="right">
+            <span align="right">
-<ons-icon icon="check-circle" size="1rem" style="color: #00fa9a;"></ons-icon>
+              <ons-icon icon="check-circle" size="1rem" style="color: #00fa9a;"></ons-icon>
-<ons-icon icon="exclamation-circle" size="1rem" style="color: #ff0000;">
+              <ons-icon icon="exclamation-circle" size="1rem" style="color: #ff0000;">
-</ons-icon>
+  </ons-icon>
-<input type="checkbox" class="checkBox" name="checkBoxKiji" ng-click="stopBubbling($event);">
+              <input type="checkbox" class="checkBox" name="checkBoxKiji" ng-click="stopBubbling($event);">
-</span>
+            </span>
-</ons-col>
+          </ons-col>
-</ons-row>
+        </ons-row>
-</ons-list-item>
+      </ons-list-item>
-</ons-list>
+    </ons-list>
-</ons-page>
+  </ons-page>
 </ons-template>
@@ -596,41 +496,93 @@
 <ons-template id="kijiEdit.html">
-<ons-page id="kijiEdit" ng-controller="kijiEditCtrl" ons-init="getData($event)">
-<ons-row style="margin-top:10px;">
-<ons-col width="50%" style="padding-right: 5px;">
-<ons-button style="width: 100%;" ng-click="overWriteFile();">
-<div class="btnWrapper">
-<p>上書保存</p>
-</div>
-</ons-button>
-</ons-col>
-<ons-col width="50%" style="padding-left: 5px;">
-<ons-button style="width: 100%;" ng-click="createFile();">
-<div class="btnWrapper">
-<p>別名保存</p>
-</div>
-</ons-button>
-</ons-col>
-</ons-row>
-</ons-page>
+  <ons-page id="kijiEdit" ng-controller="kijiEditCtrl" ons-init="getData($event)">
+    <ons-row class="bgWrapper">
+      <ons-row class="caption">
+        <ons-row>タイトル</ons-row>
+        <ons-row class="field">
+          <input type="text" id="title" class="inputCol" ng-model="title">
+        </ons-row>
+        <ons-row>本文</ons-row>
+        <ons-row class="field">
+          <textarea id="textarea" class="inputArea" rows="7" ng-model="honbun"></textarea>
+        </ons-row>
+        <ons-row class="field">
+          <ons-col width="50%" style="padding-right: 5px;">
+            <ons-row>種別</ons-row>
+            <ons-row>
+              <input type="text" class="inputCol" ng-model="category">
+            </ons-row>
+          </ons-col>
+          <ons-col width="50%" style="padding-left: 5px;">
+            <ons-row>作成者</ons-row>
+            <ons-row>
+              <input type="text" class="inputCol" ng-model="author">
+            </ons-row>
+          </ons-col>
+        </ons-row>
+      </ons-row>
+      <ons-row style="margin-top:10px;">
+        <ons-col width="50%" style="padding-right: 5px;">
+          <ons-button style="width: 100%;" ng-click="overWriteFile();">
+            <div class="btnWrapper">
+              <p>上書保存</p>
+            </div>
+          </ons-button>
+        </ons-col>
+        <ons-col width="50%" style="padding-left: 5px;">
+          <ons-button style="width: 100%;" ng-click="createFile();">
+            <div class="btnWrapper">
+              <p>別名保存</p>
+            </div>
+          </ons-button>
+        </ons-col>
+      </ons-row>
+    </ons-row>
+  </ons-page>
 </ons-template>

コメント追記

2017/12/21 08:04

投稿

shori0128

スコア29

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -1,5 +1,11 @@
 ###前提・実現したいこと
+※文字数の関係でhtml部分が非常に見づらく極一部の抜粋になっています。
+申し訳ありません。
 monacaでonsenui+angularjs1でandroidアプリの開発をしております。
 以下に記述するソースで$scope.$apply()でリストが更新されません。

html追記

2017/12/21 07:47

投稿

shori0128

スコア29

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -26,7 +26,7 @@
-###該当のソースコード（一部抜粋）
+###該当のソースコード（抜粋）
 ```javascript
@@ -535,3 +535,97 @@
   })
 ```
+```html
+<ons-template id="kijiCatalog.html">
+<ons-page id="kijiCatalog" ng-controller="kijiCatalogCtrl">
+<ons-list>
+<ons-list-item class="item" modifier="chevron" ons-lazy-repeat="delegate" ng-click="openEditor($index)" tappable>
+<ons-row>
+<ons-col>
+<header>
+<span class="title" ng-model="title">{{item.title}}</span>
+<span class="label">{{item.updateDate}}</span>
+</header>
+<p style="height: 10px"></p>
+<span align="right">
+<ons-icon icon="check-circle" size="1rem" style="color: #00fa9a;"></ons-icon>
+<ons-icon icon="exclamation-circle" size="1rem" style="color: #ff0000;">
+</ons-icon>
+<input type="checkbox" class="checkBox" name="checkBoxKiji" ng-click="stopBubbling($event);">
+</span>
+</ons-col>
+</ons-row>
+</ons-list-item>
+</ons-list>
+</ons-page>
+</ons-template>
+<ons-template id="kijiEdit.html">
+<ons-page id="kijiEdit" ng-controller="kijiEditCtrl" ons-init="getData($event)">
+<ons-row style="margin-top:10px;">
+<ons-col width="50%" style="padding-right: 5px;">
+<ons-button style="width: 100%;" ng-click="overWriteFile();">
+<div class="btnWrapper">
+<p>上書保存</p>
+</div>
+</ons-button>
+</ons-col>
+<ons-col width="50%" style="padding-left: 5px;">
+<ons-button style="width: 100%;" ng-click="createFile();">
+<div class="btnWrapper">
+<p>別名保存</p>
+</div>
+</ons-button>
+</ons-col>
+</ons-row>
+</ons-page>
+</ons-template>
+```