editor_table

_server/editor_table.js

@@ -165,7 +165,7 @@ editor_table_wrapper = function (editor) {
 
         var listen = function (guids) {
             // 每个叶节点的事件绑定
-            guids.forEach(guidListen);
+            guids.forEach(editor.table.guidListen);
         }
         return { "HTML": outstr.join(''), "guids": guids, "listen": listen };
     }
@@ -219,15 +219,20 @@ editor_table_wrapper = function (editor) {
         } else if (cobj._bool) {
             return editor.table.checkbox(thiseval);
         } else {
-            var num = 0;
+            var indent = 0;
-            return editor.table.textarea(thiseval, num);
+            return editor.table.textarea(thiseval, indent);
         }
     }
 
     /////////////////////////////////////////////////////////////////////////////
     // 表格的用户交互
 
-    var checkRange = function (cobj, thiseval) {
+    /**
+     * 检查一个值是否允许被设置为当前输入
+     * @param {Object} cobj 
+     * @param {*} thiseval 
+     */
+    editor_table.prototype.checkRange = function (cobj, thiseval) {
         if (cobj._range) {
             return eval(cobj._range);
         }
@@ -240,7 +245,11 @@ editor_table_wrapper = function (editor) {
         return true;
     }
 
-    var guidListen=function (guid) {
+    /**
+     * 监听一个guid对应的表格项
+     * @param {String} guid 
+     */
+    editor_table.prototype.guidListen = function (guid) {
         // tr>td[title=field]
         //   >td[title=comment,cobj=cobj:json]
         //   >td>div>input[value=thiseval]
@@ -253,6 +262,24 @@ editor_table_wrapper = function (editor) {
             modeNode = modeNode.parentNode;
         }
         input.onchange = function () {
+            editor.table.onchange(guid, thisTr, input, field, cobj, modeNode)
+        }
+        // 用检测两次单击的方式来实现双击(以支持手机端的双击)
+        var doubleClickCheck = [0];
+        thisTr.onclick = function () {
+            var newClick = new Date().getTime();
+            var lastClick = doubleClickCheck.shift();
+            doubleClickCheck.push(newClick);
+            if (newClick - lastClick < 500) {
+                editor.table.dblclickfunc(guid, thisTr, input, field, cobj, modeNode)
+            }
+        }
+    }
+
+    /**
+     * 表格的值变化时
+     */
+    editor_table.prototype.onchange = function (guid, thisTr, input, field, cobj, modeNode) {
         editor_mode.onmode(editor_mode._ids[modeNode.getAttribute('id')]);
         var thiseval = null;
         if (input.checked != null) input.value = input.checked;
@@ -262,52 +289,51 @@ editor_table_wrapper = function (editor) {
             printe(field + ' : ' + ee);
             throw ee;
         }
-            if (checkRange(cobj, thiseval)) {
+        if (editor.table.checkRange(cobj, thiseval)) {
             editor_mode.addAction(['change', field, thiseval]);
             editor_mode.onmode('save');//自动保存 删掉此行的话点保存按钮才会保存
         } else {
             printe(field + ' : 输入的值不合要求,请鼠标放置在注释上查看说明');
         }
     }
-        // 双击表格时
+
-        //    正常编辑: 尝试用事件编辑器或多行文本编辑器打开
+    /**
-        //    添加: 在该项的同一级创建一个内容为null新的项, 刷新后生效并可以继续编辑
+     * 双击表格时
-        //    删除: 删除该项, 刷新后生效
+     *     正常编辑: 尝试用事件编辑器或多行文本编辑器打开
-        // 在点击按钮 添加/删除 后,下一次双击将被视为 添加/删除
+     *     添加: 在该项的同一级创建一个内容为null新的项, 刷新后生效并可以继续编辑
-        var dblclickfunc = function () {
+     *     删除: 删除该项, 刷新后生效
+     * 在点击按钮 添加/删除 后,下一次双击将被视为 添加/删除
+     */
+    editor_table.prototype.dblclickfunc = function (guid, thisTr, input, field, cobj, modeNode) {
         if (editor_mode.doubleClickMode === 'change') {
             if (cobj._type === 'event') editor_blockly.import(guid, { type: cobj._event });
             if (cobj._type === 'textarea') editor_multi.import(guid, { lint: cobj._lint, string: cobj._string });
-            }
+        } else if (editor_mode.doubleClickMode === 'add') {
-            if (editor_mode.doubleClickMode === 'add') {
             editor_mode.doubleClickMode = 'change';
-                addfunc()
+            editor.table.addfunc(guid, thisTr, input, field, cobj, modeNode)
-            }
+        } else if (editor_mode.doubleClickMode === 'delete') {
-            if (editor_mode.doubleClickMode === 'delete') {
             editor_mode.doubleClickMode = 'change';
-                deletefunc()
+            editor.table.deletefunc(guid, thisTr, input, field, cobj, modeNode)
         }
     }
-        input.ondblclick = dblclickfunc
+
-        var doubleClickCheck = [0];
+    /**
-        thisTr.onclick = function () {
+     * 删除表格项
-            var newClick = new Date().getTime();
+     */
-            var lastClick = doubleClickCheck.shift();
+    editor_table.prototype.deletefunc = function (guid, thisTr, input, field, cobj, modeNode) {
-            doubleClickCheck.push(newClick);
-            if (newClick - lastClick < 500) {
-                dblclickfunc()
-            }
-        }
-        var deletefunc = function () {
         editor_mode.onmode(editor_mode._ids[modeNode.getAttribute('id')]);
-            if (checkRange(cobj, null)) {
+        if (editor.table.checkRange(cobj, null)) {
             editor_mode.addAction(['delete', field, undefined]);
             editor_mode.onmode('save');//自动保存 删掉此行的话点保存按钮才会保存
         } else {
             printe(field + ' : 该值不允许为null，无法删除');
         }
     }
-        var addfunc = function () {
+
+    /**
+     * 添加表格项
+     */
+    editor_table.prototype.addfunc = function (guid, thisTr, input, field, cobj, modeNode) {
         editor_mode.onmode(editor_mode._ids[modeNode.getAttribute('id')]);
 
         var mode = document.getElementById('editModeSelect').value;
@@ -349,7 +375,6 @@ editor_table_wrapper = function (editor) {
         editor_mode.addAction(['add', basefield + "['" + newid + "']", null]);
         editor_mode.onmode('save');//自动保存 删掉此行的话点保存按钮才会保存
     }
-    }
 
     /////////////////////////////////////////////////////////////////////////////
     editor.constructor.prototype.table = new editor_table();