Changeset 17870 for branches/comu-ver2/data/Smarty/templates/default/admin/products/category.tpl

Timestamp:

2009/03/05 18:59:38 (15 years ago)

Author:

theuri

Message:

テーブルの特定セルのみをD&Dできるようにし、従来の機能と共存できるように改良したバージョンを実装。

File:

• branches/comu-ver2/data/Smarty/templates/default/admin/products/category.tpl (modified) (3 diffs)

branches/comu-ver2/data/Smarty/templates/default/admin/products/category.tpl

@@ -26 +26 @@
 <input type="hidden" name="parent_category_id" value="<!--{$arrForm.parent_category_id}-->">
 <input type="hidden" name="category_id" value="<!--{$arrForm.category_id}-->">
+<input type="hidden" name="keySet" value="">
 <div id="products" class="contents-main">
   <h2>カテゴリー設定(最大<!--{$smarty.const.LEVEL_MAX}-->階層まで)</h2>
@@ -89 +90 @@
     
     <!--{if count($arrList) > 0}-->
-    <table class="list">
-      <tr>
+<script type="text/javascript">
+// カテゴリーテーブルのイニシャライズ
+$(document).ready(function() {
+    $("#categoryTable").tableDnD({
+        onDragClass: "movingHandle",
+        onDrop: function(table, row) {
+            var rows = table.tBodies[0].rows;
+            var keys = row.id;
+
+            for (var i = 0; i < rows.length; i++) {
+                if (row.id == rows[i].id) {
+                    keys += "-" + i;
+                    break;
+                }
+            }
+
+            fnModeSubmit('moveByDnD','keySet', keys);
+        },
+        dragHandle: "dragHandle"
+    });
+
+    $("#categoryTable tr").hover(function() {
+        $(this.cells[0]).addClass('activeHandle');
+    }, function() {
+        $(this.cells[0]).removeClass('activeHandle');
+    });
+});
+</script>
+    <table class="list" id="categoryTable">
+      <tr class="nodrop nodrag">
+        <th width="40">移動</th>
         <th>ID</th>
         <th>カテゴリ名</th>
@@ -98 +128 @@
       </tr>
       <!--{section name=cnt loop=$arrList}-->
-      <tr style="background:<!--{if $arrForm.category_id != $arrList[cnt].category_id}-->#ffffff<!--{else}--><!--{$smarty.const.SELECT_RGB}--><!--{/if}-->;" align="left">
-        <td class="center"><!--{$arrList[cnt].category_id}--></td>
+      <tr id="<!--{$arrList[cnt].category_id}-->" style="background:<!--{if $arrForm.category_id != $arrList[cnt].category_id}-->#ffffff<!--{else}--><!--{$smarty.const.SELECT_RGB}--><!--{/if}-->;" align="left">
+        <td class="dragHandle">&sect;</td>
+        <td class="center"><!--{$arrList[cnt].category_id}--></td>
         <td>
         <!--{if $arrList[cnt].level != $smarty.const.LEVEL_MAX}-->