From a78fa98b3d23acab6a567ff4109bebfad72e29d5 Mon Sep 17 00:00:00 2001
From: hide_d <hided62@gmail.com>
Date: Sat, 4 May 2019 20:01:17 +0900
Subject: [PATCH] =?UTF-8?q?=EC=9E=A5=EC=88=98=20=EB=AA=A9=EB=A1=9D?=
 =?UTF-8?q?=EC=97=90=20pagenation=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 hwe/js/select_npc.js | 31 ++++++++++++++++++++++++-------
 hwe/select_npc.php   |  9 +++++++--
 2 files changed, 31 insertions(+), 9 deletions(-)

diff --git a/hwe/js/select_npc.js b/hwe/js/select_npc.js
index eb9bb5c6..829d1162 100644
--- a/hwe/js/select_npc.js
+++ b/hwe/js/select_npc.js
@@ -251,18 +251,31 @@ function printGeneralList(value){
     });
 
     window.generalList = generalList;
-    _printGeneralList(generalList);
-
-    
+    _printGeneralList(true);
 }
 
-function _printGeneralList(generalList){
+function _printGeneralList(clear){
     var $generalTable = $('#general_list');
-    $generalTable.empty();
+    if(clear){
+        $generalTable.empty();
+        $generalTable.data('lastIdx', 0);
+        $('#row_print_more').show();
+    }
 
-    $.each(generalList, function(idx, general){
+    generalList = window.generalList;
+
+    var idxFrom = $generalTable.data('lastIdx');
+    var idxTo = Math.min(idxFrom + 50, generalList.length);
+    $generalTable.data('lastIdx', idxTo);
+
+    for(var idx = idxFrom; idx < idxFrom + 50; idx++){
+        var general = generalList[idx];
         $generalTable.append(TemplateEngine(templateGeneralRow, general));
-    });
+    }
+
+    if(idxTo == generalList.length){
+        $('#row_print_more').hide();
+    }
 
     $generalTable.find('.obj_tooltip').tooltip({
         title:function(){
@@ -324,4 +337,8 @@ $('#btn_load_general_list').click(function(){
     });
 });
 
+$('#btn_print_more').click(function(){
+    _printGeneralList();
+})
+
 });
\ No newline at end of file
diff --git a/hwe/select_npc.php b/hwe/select_npc.php
index 70ce5697..4b805620 100644
--- a/hwe/select_npc.php
+++ b/hwe/select_npc.php
@@ -103,10 +103,10 @@ history.go(-1);
 </form>
 </div>
 <div class="with_border legacy_layout" style="text-align:center">
-    <button id="btn_pick_more" disabled="disabled" class="with_skin with_border">다른 장수 보기</button><button id="btn_load_general_list" class="with_skin with_border" style='margin-left:2ch;'>장수 목록 보기</button><br>
+    <button type="button" id="btn_pick_more" disabled="disabled" class="with_skin with_border">다른 장수 보기</button><button type="button" id="btn_load_general_list" class="with_skin with_border" style='margin-left:2ch;'>장수 목록 보기</button><br>
 </div>
 
-<table style='width:970px;table-layout: fixed;' class="tb_layout bg0" id='tb_general_list'>
+<table style='width:970px;table-layout: fixed;display:none;' class="tb_layout bg0" id='tb_general_list'>
 <thead>
 <tr class='bg1'>
         <th style='width:64px;'>얼 굴</td>
@@ -128,6 +128,11 @@ history.go(-1);
 </thead>
 <tbody id='general_list'>
 </tbody>
+<tfoot id='row_print_more' style='display:none;'>
+<tr>
+<td colspan="15"><button type="button" class="with_skin with_border" id="btn_print_more" style="width:100%;">장수 더 보기</button></td>
+</tr>
+</tfoot>
 </table>
 <div class="with_border legacy_layout"><?=backButton()?></div>
 <div class="with_border legacy_layout"><?=banner()?></div>