telNo.js 7.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254
  1. /**
  2. * admin/telNo
  3. */
  4. var mplus_admin_telNo = function(){
  5. //상속
  6. mplus_admin.call(this);
  7. var self = this;
  8. //변수
  9. var $crudServiceBaseUrl = contextPath + "/admin/telno";
  10. /**
  11. * 초기화
  12. */
  13. this.init = function(){
  14. initTelNoList(1);
  15. setPageList(1);
  16. if($('#page_1')!=null) $('#page_1').addClass('active');
  17. addEvent();
  18. };
  19. /**
  20. * 이벤트 등록
  21. */
  22. var addEvent = function(){
  23. $('#btnCreate, #btnCreateEmpty').on('click', function(){
  24. newTelNo();
  25. });
  26. $('#btnRemove').on('click', function(){
  27. removeTelNo();
  28. });
  29. $('#btnSave').on('click', function(){
  30. saveTelNo();
  31. });
  32. };
  33. var telNoList = [];
  34. var totalCount = '';
  35. var saveType = '';
  36. var pageSize = 15;
  37. /**
  38. * 그리드 초기화
  39. */
  40. var initTelNoList = function(page){
  41. var opt = {
  42. url: $crudServiceBaseUrl + "/getList.json",
  43. type: "post",
  44. async: false,
  45. dataType: "json",
  46. contentType: "application/json",
  47. data: self.util.stringifyJson({
  48. pageSize: pageSize,
  49. page: page
  50. })
  51. };
  52. var success = function(result){
  53. telNoList = result.data;
  54. totalCount = result.totalCount;
  55. $('#table_telNo').empty();
  56. for(var i=0; i<telNoList.length; i++){
  57. var tr = $('<tr></tr>').clone().attr('seq', i);
  58. var tdBuildingDesc = $('<td></td>').clone().text(telNoList[i].buildingDesc==null? '': telNoList[i].buildingDesc);
  59. var tdRoomDesc = $('<td></td>').clone().text(telNoList[i].roomDesc==null? '': telNoList[i].roomDesc);
  60. var tdTelnoOrder = $('<td></td>').clone().text(telNoList[i].telnoOrder==null? '': telNoList[i].telnoOrder);
  61. var tdTelValue = $('<td></td>').clone().text(telNoList[i].telValue==null? '': telNoList[i].telValue);
  62. $('#table_telNo').append(tr.append(tdBuildingDesc).append(tdRoomDesc).append(tdTelnoOrder).append(tdTelValue));
  63. $('#table_telNo tr').on('click', function(e){
  64. getTelNoInfo(e.currentTarget.attributes.seq.value);
  65. $('#table_telNo tr').removeClass('active');
  66. $(this).addClass('active');
  67. });
  68. }
  69. if($('#table_telNo tr')[0]==undefined){
  70. $('#telNoDetail').css('display', 'none');
  71. $('#telNoDetailEmpty').css('display', 'block');
  72. }else{
  73. $('#table_telNo tr')[0].click();
  74. }
  75. };
  76. var error = function(xhr,d,t){
  77. console.log(xhr);
  78. console.log(t);
  79. };
  80. self.ajaxAdmin( opt, success, error );
  81. };
  82. var pageEvent = function(e) {
  83. var type = e.currentTarget.id.split('_')[0];
  84. var page = Number(e.currentTarget.id.split('_')[1]);
  85. if( type == 'page' ) {
  86. initTelNoList(page);
  87. $('#ulPagination li[id*="page_"]').removeClass('active');
  88. } else if ( type == 'next') {
  89. initTelNoList(page);
  90. setPageList(page);
  91. } else if ( type == 'previous' ) {
  92. initTelNoList(page);
  93. setPageList(page - 9);
  94. }
  95. if($('#page_'+page)!=null) $('#page_'+page).addClass('active');
  96. };
  97. var setPageList = function(start) {
  98. $('#ulPagination').empty();
  99. var end = start + 9;
  100. if( Math.ceil(totalCount/pageSize) < end ) {
  101. end = Math.ceil(totalCount/pageSize);
  102. }
  103. if( start > 10 ) {
  104. $('#ulPagination').append('<li id="previous_'+(start - 1)+'"><a href="#"><<</a></li>');
  105. }
  106. for( var i = start; i <= end; i++ ) {
  107. $('#ulPagination').append('<li id="page_'+i+'"><a href="#">'+i+'</a></li>');
  108. }
  109. if( end < Math.ceil(totalCount/pageSize) ) {
  110. $('#ulPagination').append('<li id="next_'+(end + 1)+'"><a href="#">>></a></li>');
  111. }
  112. $('#ulPagination li').unbind();
  113. $('#ulPagination li').click(function(e) {pageEvent(e);});
  114. };
  115. var getTelNoInfo = function(seq){
  116. var telNoInfo = telNoList[seq];
  117. $('#txtTelnoSeq').val(seq);
  118. $('#txtBuildingDesc').val(telNoInfo.buildingDesc);
  119. $('#txtRoomDesc').val(telNoInfo.roomDesc);
  120. $('#txtTelnoOrder').val(telNoInfo.telnoOrder);
  121. $('#txtTelValue').val(telNoInfo.telValue);
  122. changeSaveType('edit');
  123. $('#telNoDetail').css('display', 'block');
  124. $('#telNoDetailEmpty').css('display', 'none');
  125. };
  126. var changeSaveType = function(type){
  127. if(type=='edit'){
  128. saveType = 'edit';
  129. }else{
  130. saveType = 'new';
  131. }
  132. };
  133. var newTelNo = function(){
  134. changeSaveType('new');
  135. $('#txtTelnoSeq').val('');
  136. $('#txtBuildingDesc').val('');
  137. $('#txtRoomDesc').val('');
  138. $('#txtTelnoOrder').val('');
  139. $('#txtTelValue').val('');
  140. $('#table_telNo tr').removeClass('active');
  141. $('#telNoDetail').css('display', 'block');
  142. $('#telNoDetailEmpty').css('display', 'none');
  143. $('#txtBuildingDesc').focus();
  144. };
  145. var removeTelNo = function(){
  146. if($('#table_telNo tr.active').length==0){
  147. alert('삭제할 데이터를 선택해주세요.'); //삭제할 전화번호를 선택해주세요..?
  148. return;
  149. };
  150. if(confirm('해당 전화번호를 삭제하시겠습니까?')){
  151. var opt = {
  152. url: $crudServiceBaseUrl + "/remove.json",
  153. method: "post",
  154. dataType: "json",
  155. contentType: "application/json",
  156. data: self.util.stringifyJson(telNoList[$('#txtTelnoSeq').val()])
  157. };
  158. var success = function(result){
  159. alert("삭제되었습니다.");
  160. if(telNoList.length==1){
  161. initTelNoList(Number($('#ulPagination li.active')[0].id.split('_')[1])-1);
  162. }else{
  163. initTelNoList(Number($('#ulPagination li.active')[0].id.split('_')[1]));
  164. };
  165. };
  166. var error = function(xhr,d,t){
  167. console.log(xhr);
  168. console.log(t);
  169. };
  170. self.ajaxAdmin( opt, success, error );
  171. };
  172. };
  173. var saveTelNo = function(){
  174. var saveUrl = '';
  175. if($('#txtBuildingDesc').val()=='' && $('#txtRoomDesc').val()==''){
  176. alert('건물명, 호수 중 하나는 필수값 입니다.');
  177. return;
  178. };
  179. if($('#txtTelValue').val()==''){
  180. alert('전화번호를 입력해주세요.');
  181. return;
  182. };
  183. if(saveType=='edit'){
  184. saveUrl = $crudServiceBaseUrl + "/update.json";
  185. var param = telNoList[$('#txtTelnoSeq').val()];
  186. param.telNoSeq = $('#txtTelnoSeq').val();
  187. param.buildingDesc = $('#txtBuildingDesc').val();
  188. param.roomDesc = $('#txtRoomDesc').val();
  189. param.telnoOrder = $('#txtTelnoOrder').val();
  190. param.telValue = $('#txtTelValue').val();
  191. }else{
  192. /*for(var i=0; i<telNoList.length; i++){
  193. if(managerList[i].userId == $('#txtUserId').val()){
  194. alert('동일한 아이디가 존재합니다.');
  195. $('#txtUserId').focus();
  196. return false;
  197. }
  198. };*/
  199. saveUrl = $crudServiceBaseUrl + "/save.json";
  200. var param = {
  201. telNoSeq: null,
  202. buildingDesc: $('#txtBuildingDesc').val(),
  203. roomDesc: $('#txtRoomDesc').val(),
  204. telnoOrder: $('#txtTelnoOrder').val(),
  205. telValue: $('#txtTelValue').val()
  206. }
  207. };
  208. var opt = {
  209. url: saveUrl,
  210. method: "post",
  211. dataType: "json",
  212. contentType: "application/json",
  213. data: self.util.stringifyJson(param)
  214. };
  215. var success = function(result){
  216. alert("저장되었습니다.");
  217. initTelNoList(Number($('#ulPagination li.active')[0].id.split('_')[1]));
  218. };
  219. var error = function(xhr,d,t){
  220. console.log(xhr);
  221. console.log(t);
  222. };
  223. self.ajaxAdmin( opt, success, error );
  224. };
  225. };