--- src/main/webapp/WEB-INF/jsp/web/fax/addr/FaxAddrList.jsp
+++ src/main/webapp/WEB-INF/jsp/web/fax/addr/FaxAddrList.jsp
... | ... | @@ -1200,10 +1200,10 @@ |
| 1200 | 1200 |
<%@include file="/WEB-INF/jsp/web/fax/addr/include/FaxAddrListforExcel.jsp" %> |
| 1201 | 1201 |
</div> |
| 1202 | 1202 |
<div id="tab2" class="tab_c tableClip" style="display: none;"> |
| 1203 |
- <%-- <%@include file="/WEB-INF/jsp/web/fax/addr/include/FaxAddrListforClipboard.jsp" %> --%> |
|
| 1203 |
+ <%@include file="/WEB-INF/jsp/web/fax/addr/include/FaxAddrListforClipboard.jsp" %> |
|
| 1204 | 1204 |
</div> |
| 1205 | 1205 |
<div id="tab3" class="tab_c tableSelf" style="display: none;"> |
| 1206 |
- <%-- <%@include file="/WEB-INF/jsp/web/fax/addr/include/FaxAddrListforSelf.jsp" %> --%> |
|
| 1206 |
+ <%@include file="/WEB-INF/jsp/web/fax/addr/include/FaxAddrListforSelf.jsp" %> |
|
| 1207 | 1207 |
</div> |
| 1208 | 1208 |
</div> |
| 1209 | 1209 |
<div class="popup_btn_wrap2" style="margin: 0 auto 30px auto;"> |
--- src/main/webapp/WEB-INF/jsp/web/msgdata/MsgDataSMLView.jsp
+++ src/main/webapp/WEB-INF/jsp/web/msgdata/MsgDataSMLView.jsp
... | ... | @@ -1054,7 +1054,11 @@ |
| 1054 | 1054 |
// 중복 번호 개수를 #rowDupCnt 요소에 표시 |
| 1055 | 1055 |
$("#rowDupCnt").text(duplicateCount);
|
| 1056 | 1056 |
|
| 1057 |
- updateTotCnt(tableL.getRows().length); |
|
| 1057 |
+ var totRows = tableL.getRows().length; |
|
| 1058 |
+ updateTotCnt(totRows); |
|
| 1059 |
+ totalPriceSum(totRows); |
|
| 1060 |
+ |
|
| 1061 |
+ |
|
| 1058 | 1062 |
|
| 1059 | 1063 |
// 유효하지 않은 번호가 있으면 alert로 표시 |
| 1060 | 1064 |
console.log('invalidNumbers : ', invalidNumbers);
|
... | ... | @@ -4067,8 +4071,15 @@ |
| 4067 | 4071 |
<button type="button" class="btnType btnType6 btn_add_number addCallToF">번호추가<i class="qmMark"></i></button> |
| 4068 | 4072 |
<span style="display:block;margin:10px 0 0 0;"><span class="vMiddle">*</span> 중복번호는 한번만 추가됩니다.</span> |
| 4069 | 4073 |
<div class="error_hover_cont send_hover_cont"> |
| 4070 |
- <p>휴대폰 번호 입력 시 해당 휴대폰 번호에 대한 형식이 어긋나거나 휴대폰 번호에 오류가 있는지 등을 검사하는 기능</p> |
|
| 4071 |
- <span>(예시) 010-1234-0001(O) / 010-12345-0001(X)</span> |
|
| 4074 |
+<!-- <p>휴대폰 번호 입력 시 해당 휴대폰 번호에 대한 형식이 어긋나거나 휴대폰 번호에 오류가 있는지 등을 검사하는 기능</p> --> |
|
| 4075 |
+ <p>줄바꿈 기준으로 핸드폰 번호 입력이 가능합니다.</p> |
|
| 4076 |
+ <span> |
|
| 4077 |
+ (예시)<br/> |
|
| 4078 |
+ 010-1234-0001<br/> |
|
| 4079 |
+ 010-1235-0002<br/> |
|
| 4080 |
+ 01012350003<br/> |
|
| 4081 |
+ 01012350004<br/> |
|
| 4082 |
+ </span> |
|
| 4072 | 4083 |
</div> |
| 4073 | 4084 |
</div> |
| 4074 | 4085 |
</div> |
... | ... | @@ -4108,13 +4119,13 @@ |
| 4108 | 4119 |
<div class="btn_popup_wrap"> |
| 4109 | 4120 |
<button type="button" data-tooltip="popup05" class="btnType btnType7 tab2" onclick="getMjMsgSentListAll('1');">재전송</button>
|
| 4110 | 4121 |
</div> |
| 4111 |
- <div class="btn_popup_wrap check_validity_wrap"> |
|
| 4122 |
+ <!-- <div class="btn_popup_wrap check_validity_wrap"> |
|
| 4112 | 4123 |
<button type="button" class="btnType btnType7 check_validity">오류 검사 <i class="qmMark"></i></button> |
| 4113 | 4124 |
<div class="error_hover_cont send_hover_cont"> |
| 4114 | 4125 |
<p>휴대폰 번호 입력 시 해당 휴대폰 번호에 대한 형식이 어긋나거나 휴대폰 번호에 오류가 있는지 등을 검사하는 기능</p> |
| 4115 | 4126 |
<span>(예시) 010-1234-0001(O) / 010-12345-0001(X)</span> |
| 4116 | 4127 |
</div> |
| 4117 |
- </div> |
|
| 4128 |
+ </div> --> |
|
| 4118 | 4129 |
</div> |
| 4119 | 4130 |
</div> |
| 4120 | 4131 |
<div class="list_bottom clearfix"> |
--- src/main/webapp/js/user/fax/addr/faxTabulator.js
+++ src/main/webapp/js/user/fax/addr/faxTabulator.js
... | ... | @@ -50,6 +50,43 @@ |
| 50 | 50 |
}, |
| 51 | 51 |
}); |
| 52 | 52 |
|
| 53 |
+ |
|
| 54 |
+ |
|
| 55 |
+ $tableClip = new Tabulator("#tabulator_clip", {
|
|
| 56 |
+ height:"255px", |
|
| 57 |
+ width:"100%", |
|
| 58 |
+ layout:"fitColumns", |
|
| 59 |
+ editor:true, |
|
| 60 |
+ headerHozAlign:"center", |
|
| 61 |
+ validationMode:"highlight", |
|
| 62 |
+ placeholder:"복사(Ctrl+C)한 내용을 여기에 붙여넣기(Ctrl+V) 해주세요.", //fit columns to width of table (optional) |
|
| 63 |
+// clipboard:true, // 클립보드 기능 활성화 |
|
| 64 |
+ clipboardPasteAction:"update", // insert, update, replace |
|
| 65 |
+ columns: [ |
|
| 66 |
+ {formatter: "rowSelection", titleFormatter: "rowSelection", clipboard: false, hozAlign: "center", headerHozAlign: "center", headerSort: false, cellClick: function(e, cell) {
|
|
| 67 |
+ cell.getRow().toggleSelect(); |
|
| 68 |
+ }}, |
|
| 69 |
+ {formatter:"rownum", hozAlign:"center" ,title:"No", hozAlign:"center", headerHozAlign:"center", width:40},
|
|
| 70 |
+ {title:"A", field:"A", hozAlign:"center", headerHozAlign: "center", width:125, validator:["maxLength:100", "string"]},
|
|
| 71 |
+ {title:"B", field:"B", hozAlign:"center", headerHozAlign: "center", width:125, validator:["maxLength:100", "string"]},
|
|
| 72 |
+ {title:"C", field:"C", hozAlign:"center", headerHozAlign: "center", width:125, validator:["maxLength:100", "string"]},
|
|
| 73 |
+ {title:"D", field:"D", hozAlign:"center", headerHozAlign: "center", width:125, validator:["maxLength:100", "string"]},
|
|
| 74 |
+ {title:"E", field:"E", hozAlign:"center", headerHozAlign: "center", width:125, validator:["maxLength:100", "string"]},
|
|
| 75 |
+ {title:"F", field:"F", hozAlign:"center", headerHozAlign: "center", width:125, validator:["maxLength:100", "string"]},
|
|
| 76 |
+ {title:"G", field:"G", hozAlign:"center", headerHozAlign: "center", width:125, validator:["maxLength:100", "string"]}
|
|
| 77 |
+ ], |
|
| 78 |
+ validationFailed: function(cell, value, parameters) {
|
|
| 79 |
+ var valid = cell.isValid(); |
|
| 80 |
+ if (!valid) {
|
|
| 81 |
+ alert("양식에 맞지 않는 정보가 입력되었습니다.");
|
|
| 82 |
+ cell.setValue(""); // 해당 셀 데이터 삭제
|
|
| 83 |
+ } |
|
| 84 |
+ return false; // 유효하지 않은 경우 false 반환 |
|
| 85 |
+ }, |
|
| 86 |
+ }); |
|
| 87 |
+ |
|
| 88 |
+ |
|
| 89 |
+ |
|
| 53 | 90 |
//Tabulator AJAX Data Loading |
| 54 | 91 |
$tableError = new Tabulator("#tabulator_error", {
|
| 55 | 92 |
height:"255px", |
... | ... | @@ -89,5 +126,84 @@ |
| 89 | 126 |
$(".tableExcel .adr_excel").on("scroll",function(){
|
| 90 | 127 |
$(".tableExcel .tabulator-tableholder").scrollLeft($(this).scrollLeft());
|
| 91 | 128 |
}); |
| 129 |
+ |
|
| 130 |
+ |
|
| 131 |
+ |
|
| 132 |
+ $tableClip.on("columnWidth",function(column){
|
|
| 133 |
+ var titleIndex = titleArray.indexOf(column._column.definition.title); |
|
| 134 |
+ titleIndex += 1; |
|
| 135 |
+ if(titleIndex != 0){
|
|
| 136 |
+ $('.tableClip .select_adr_hd>div').eq(titleIndex).css('width', column._column.width);
|
|
| 137 |
+ }else{
|
|
| 138 |
+ $('.tableClip .select_adr_hd>div').eq(0).css('width', column._column.width + 40);
|
|
| 139 |
+ } |
|
| 140 |
+ }); |
|
| 141 |
+ |
|
| 142 |
+ $tableClip.on("scrollHorizontal",function(left){
|
|
| 143 |
+ $(".tableClip .adr_excel").scrollLeft(left);
|
|
| 144 |
+ }) |
|
| 145 |
+ |
|
| 146 |
+ $(".tableClip .adr_excel").on("scroll",function(){
|
|
| 147 |
+ $(".tableClip .tabulator-tableholder").scrollLeft($(this).scrollLeft());
|
|
| 148 |
+ }); |
|
| 149 |
+ |
|
| 150 |
+ |
|
| 92 | 151 |
}); |
| 93 | 152 |
|
| 153 |
+ |
|
| 154 |
+ |
|
| 155 |
+function fn_selfmakeTable(){
|
|
| 156 |
+ |
|
| 157 |
+ var tableData = []; |
|
| 158 |
+ for (var i = 0; i < 1000; i++) {
|
|
| 159 |
+ tableData.push({addrNm: "", addrPhoneNo: "", addrInfo1: "", addrInfo2: "", addrInfo3: "", addrInfo4: "", addrComment: ""});
|
|
| 160 |
+ } |
|
| 161 |
+ |
|
| 162 |
+ // 테이블 초기화 |
|
| 163 |
+ $tableSelf = new Tabulator("#tabulator_self", {
|
|
| 164 |
+ height: "255px", |
|
| 165 |
+ width: "100%", |
|
| 166 |
+ layout: "fitColumns", |
|
| 167 |
+ clipboardPasteAction: "update", |
|
| 168 |
+ keybindings: {
|
|
| 169 |
+ "navRight": "tab", // Tab 키를 누르면 오른쪽 셀로 이동 |
|
| 170 |
+ "navLeft": "shift+tab", |
|
| 171 |
+ "editNext": false // Tab 키를 누를 때 편집 모드를 종료하지 않도록 설정 |
|
| 172 |
+ }, |
|
| 173 |
+ data: tableData, |
|
| 174 |
+ columns: [ |
|
| 175 |
+ {formatter: "rowSelection", titleFormatter: "rowSelection", clipboard: false, hozAlign: "center", headerHozAlign: "center", headerSort: false, cellClick: function(e, cell) {
|
|
| 176 |
+ cell.getRow().toggleSelect(); |
|
| 177 |
+ }}, |
|
| 178 |
+ {formatter:"rownum", hozAlign:"center" ,title:"No", headerHozAlign:"center", width:40},
|
|
| 179 |
+ {title:"이름", field:"addrNm", hozAlign:"center", headerHozAlign: "center", width:119, validator:["maxLength:100"], editor:"input"},
|
|
| 180 |
+ {title:"휴대폰", field:"addrPhoneNo", hozAlign:"center", headerHozAlign: "center", width:119, validator:["maxLength:100"], editor:"input"
|
|
| 181 |
+ , cellEdited:function(cell){
|
|
| 182 |
+ var currentValue = cell.getValue(); |
|
| 183 |
+ console.log('cell.getValue() : ', currentValue);
|
|
| 184 |
+ |
|
| 185 |
+ // 현재 값이 null 또는 undefined가 아니고, 값이 변경된 경우에만 처리 |
|
| 186 |
+ if (currentValue !== null |
|
| 187 |
+ && currentValue !== '' |
|
| 188 |
+ ) {
|
|
| 189 |
+ var newValue = fn_selfUpdataCount(currentValue); |
|
| 190 |
+ |
|
| 191 |
+ // 값이 실제로 변경된 경우에만 setValue 호출 |
|
| 192 |
+ if (currentValue !== newValue) {
|
|
| 193 |
+ cell.setValue(newValue); |
|
| 194 |
+ } |
|
| 195 |
+ } |
|
| 196 |
+ } |
|
| 197 |
+ }, |
|
| 198 |
+ {title:"[*1*]", field:"addrInfo1", hozAlign:"center", headerHozAlign: "center", width:119, validator:["maxLength:100"], editor:"input"},
|
|
| 199 |
+ {title:"[*2*]", field:"addrInfo2", hozAlign:"center", headerHozAlign: "center", width:119, validator:["maxLength:100"], editor:"input"},
|
|
| 200 |
+ {title:"[*3*]", field:"addrInfo3", hozAlign:"center", headerHozAlign: "center", width:119, validator:["maxLength:100"], editor:"input"},
|
|
| 201 |
+ {title:"[*4*]", field:"addrInfo4", hozAlign:"center", headerHozAlign: "center", width:119, validator:["maxLength:100"], editor:"input"},
|
|
| 202 |
+ {title:"메모", field:"addrComment", hozAlign:"center", headerHozAlign: "center", width:119, validator:["maxLength:100"], editor:"input"}
|
|
| 203 |
+ ], |
|
| 204 |
+ navigation: true // 키보드 탐색 활성화 |
|
| 205 |
+ }); |
|
| 206 |
+} |
|
| 207 |
+ |
|
| 208 |
+ |
|
| 209 |
+ |
--- src/main/webapp/js/web/addr/init.js
+++ src/main/webapp/js/web/addr/init.js
... | ... | @@ -200,9 +200,6 @@ |
| 200 | 200 |
}); |
| 201 | 201 |
|
| 202 | 202 |
|
| 203 |
-function fn_ClipMakeTable(){
|
|
| 204 |
-} |
|
| 205 |
- |
|
| 206 | 203 |
|
| 207 | 204 |
function fn_selfmakeTable(){
|
| 208 | 205 |
|
Add a comment
Delete comment
Once you delete this comment, you won't be able to recover it. Are you sure you want to delete this comment?