문자전송 > 엑셀불러오기 > 타이틀 간격 맞춤
This commit is contained in:
hehih
parent
4f5a477561
commit
6c43799f2b
@ -49,7 +49,7 @@ $(document).ready(function(){
|
|||||||
cell.getRow().toggleSelect();
|
cell.getRow().toggleSelect();
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
{formatter:"rownum", align:"center" ,title:"No", hozAlign:"center", headerHozAlign:"center", width:60},
|
{formatter:"rownum", align:"center" ,title:"No", hozAlign:"center", headerHozAlign:"center", width:40},
|
||||||
{title:"A", field:"A", hozAlign:"center", headerHozAlign: "center", width:140, validator:["maxLength:100", "string"]},
|
{title:"A", field:"A", hozAlign:"center", headerHozAlign: "center", width:140, validator:["maxLength:100", "string"]},
|
||||||
{title:"B", field:"B", hozAlign:"center", headerHozAlign: "center", width:140, validator:["maxLength:100", "string"]},
|
{title:"B", field:"B", hozAlign:"center", headerHozAlign: "center", width:140, validator:["maxLength:100", "string"]},
|
||||||
{title:"C", field:"C", hozAlign:"center", headerHozAlign: "center", width:140, validator:["maxLength:100", "string"]},
|
{title:"C", field:"C", hozAlign:"center", headerHozAlign: "center", width:140, validator:["maxLength:100", "string"]},
|
||||||
@ -68,6 +68,34 @@ $(document).ready(function(){
|
|||||||
return value % parameters.phone;
|
return value % parameters.phone;
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// 타뷸레이터 width값 변경 시 위에 select width 값 변경
|
||||||
|
var titleArray = ["A","B","C","D","E","F"];
|
||||||
|
|
||||||
|
$tableExcel.on("columnWidth",function(column){
|
||||||
|
var titleIndex = titleArray.indexOf(column._column.definition.title);
|
||||||
|
titleIndex += 1;
|
||||||
|
if(titleIndex != 0){
|
||||||
|
$('.select_adr_hd>div').eq(titleIndex).css('width', column._column.width);
|
||||||
|
}else{
|
||||||
|
$('.select_adr_hd>div').eq(0).css('width', column._column.width + 40);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
$tableExcel.on("scrollHorizontal",function(left){
|
||||||
|
$(".adr_excel").scrollLeft(left);
|
||||||
|
})
|
||||||
|
|
||||||
|
|
||||||
|
$(".adr_excel").on("scroll",function(){
|
||||||
|
$(".tabulator-tableholder").scrollLeft($(this).scrollLeft());
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
$("#excelFile").on("change", function(event) {
|
$("#excelFile").on("change", function(event) {
|
||||||
var fileInfo = event.target.files;
|
var fileInfo = event.target.files;
|
||||||
@ -93,6 +121,8 @@ $(document).ready(function(){
|
|||||||
});
|
});
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
// 엑셀등록 닫기
|
// 엑셀등록 닫기
|
||||||
function setAddrMassClose() {
|
function setAddrMassClose() {
|
||||||
$tableExcel.clearData();
|
$tableExcel.clearData();
|
||||||
@ -643,6 +673,9 @@ function popMore(e){
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<!-- 중복전화번호 data-tooltip:addrMassDupli_layer -->
|
<!-- 중복전화번호 data-tooltip:addrMassDupli_layer -->
|
||||||
@ -775,7 +808,8 @@ function popMore(e){
|
|||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="adr_excel" style="margin-top: 13px;">
|
<div class="adr_excel" style="margin-top: 13px; overflow-x:auto;">
|
||||||
|
<!-- <div class="adr_excel" style="margin-top: 13px;"> -->
|
||||||
<!-- thead -->
|
<!-- thead -->
|
||||||
<div class="adr_hd select_adr_hd" data-group="tableExcel">
|
<div class="adr_hd select_adr_hd" data-group="tableExcel">
|
||||||
<div style="width: 100px;"></div>
|
<div style="width: 100px;"></div>
|
||||||
|
|||||||
@ -1,264 +1,264 @@
|
|||||||
|
|
||||||
|
|
||||||
var tableErrorData = [];
|
var tableErrorData = [];
|
||||||
var tableErrorCheckData = [];
|
var tableErrorCheckData = [];
|
||||||
var addrMassDupliSaveList = null;
|
var addrMassDupliSaveList = null;
|
||||||
|
|
||||||
var gArrRestartIndex = 0; //배열 재시작카운드
|
var gArrRestartIndex = 0; //배열 재시작카운드
|
||||||
var gNameList = []; //치환문자 이름
|
var gNameList = []; //치환문자 이름
|
||||||
var gPhoneList = []; //받는사람
|
var gPhoneList = []; //받는사람
|
||||||
var gInfo1List = []; //치환문자1
|
var gInfo1List = []; //치환문자1
|
||||||
var gInfo2List = []; //치환문자2
|
var gInfo2List = []; //치환문자2
|
||||||
var gInfo3List = []; //치환문자3
|
var gInfo3List = []; //치환문자3
|
||||||
var gInfo4List = []; //치환문자4
|
var gInfo4List = []; //치환문자4
|
||||||
var gMemoList = []; //메모
|
var gMemoList = []; //메모
|
||||||
|
|
||||||
|
|
||||||
var $tableExcel = null; //엑셀입력 탭
|
var $tableExcel = null; //엑셀입력 탭
|
||||||
var $tableClip = null; //붙여넣기 탭
|
var $tableClip = null; //붙여넣기 탭
|
||||||
var $tableSelf = null; //붙여넣기 탭
|
var $tableSelf = null; //붙여넣기 탭
|
||||||
|
|
||||||
var $tableError = null; //에러 팝업 영역
|
var $tableError = null; //에러 팝업 영역
|
||||||
|
|
||||||
$(document).ready(function(){
|
$(document).ready(function(){
|
||||||
|
|
||||||
//Tabulator AJAX Data Loading
|
//Tabulator AJAX Data Loading
|
||||||
$tableExcel = new Tabulator("#tabulator_excel", {
|
$tableExcel = new Tabulator("#tabulator_excel", {
|
||||||
height:"255px",
|
height:"255px",
|
||||||
width:"100%",
|
width:"100%",
|
||||||
layout:"fitColumns",
|
layout:"fitColumns",
|
||||||
autoColumns:false,
|
autoColumns:false,
|
||||||
headerHozAlign:"center",
|
headerHozAlign:"center",
|
||||||
validationMode:"highlight",
|
validationMode:"highlight",
|
||||||
clipboard:false,
|
clipboard:false,
|
||||||
clipboardCopySelector:"table",
|
clipboardCopySelector:"table",
|
||||||
clipboardPasteAction:"insert", // insert, update, replace
|
clipboardPasteAction:"insert", // insert, update, replace
|
||||||
placeholder:"Excel 파일을 업로드 해주세요.", //fit columns to width of table (optional)
|
placeholder:"Excel 파일을 업로드 해주세요.", //fit columns to width of table (optional)
|
||||||
columns:[ //Define Table Columns
|
columns:[ //Define Table Columns
|
||||||
{formatter:"rowSelection", titleFormatter:"rowSelection",clipboard:false, hozAlign:"center", headerSort:false, cellClick:function(e, cell){
|
{formatter:"rowSelection", titleFormatter:"rowSelection",clipboard:false, hozAlign:"center", headerSort:false, cellClick:function(e, cell){
|
||||||
cell.getRow().toggleSelect();
|
cell.getRow().toggleSelect();
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
{formatter:"rownum", hozAlign:"center" ,title:"No", hozAlign:"center", headerHozAlign:"center", width:40},
|
{formatter:"rownum", hozAlign:"center" ,title:"No", hozAlign:"center", headerHozAlign:"center", width:40},
|
||||||
{title:"A", field:"A", hozAlign:"center", headerHozAlign: "center", width:125, validator:["maxLength:100", "string"]},
|
{title:"A", field:"A", hozAlign:"center", headerHozAlign: "center", width:125, validator:["maxLength:100", "string"]},
|
||||||
{title:"B", field:"B", hozAlign:"center", headerHozAlign: "center", width:125, validator:["maxLength:100", "string"]},
|
{title:"B", field:"B", hozAlign:"center", headerHozAlign: "center", width:125, validator:["maxLength:100", "string"]},
|
||||||
{title:"C", field:"C", hozAlign:"center", headerHozAlign: "center", width:125, validator:["maxLength:100", "string"]},
|
{title:"C", field:"C", hozAlign:"center", headerHozAlign: "center", width:125, validator:["maxLength:100", "string"]},
|
||||||
{title:"D", field:"D", hozAlign:"center", headerHozAlign: "center", width:125, validator:["maxLength:100", "string"]},
|
{title:"D", field:"D", hozAlign:"center", headerHozAlign: "center", width:125, validator:["maxLength:100", "string"]},
|
||||||
{title:"E", field:"E", hozAlign:"center", headerHozAlign: "center", width:125, validator:["maxLength:100", "string"]},
|
{title:"E", field:"E", hozAlign:"center", headerHozAlign: "center", width:125, validator:["maxLength:100", "string"]},
|
||||||
{title:"F", field:"F", hozAlign:"center", headerHozAlign: "center", width:125, validator:["maxLength:100", "string"]},
|
{title:"F", field:"F", hozAlign:"center", headerHozAlign: "center", width:125, validator:["maxLength:100", "string"]},
|
||||||
{title:"G", field:"G", hozAlign:"center", headerHozAlign: "center", width:125, validator:["maxLength:100", "string"]}
|
{title:"G", field:"G", hozAlign:"center", headerHozAlign: "center", width:125, validator:["maxLength:100", "string"]}
|
||||||
],
|
],
|
||||||
validationFailed:function(cell, value, parameters){ // 유효성 체크 함수
|
validationFailed:function(cell, value, parameters){ // 유효성 체크 함수
|
||||||
var valid = cell.isValid();
|
var valid = cell.isValid();
|
||||||
if(!valid){
|
if(!valid){
|
||||||
alert("양식에 맞지 않는 정보가 입력되었습니다.");
|
alert("양식에 맞지 않는 정보가 입력되었습니다.");
|
||||||
|
|
||||||
//해당 셀 데이터 삭제
|
//해당 셀 데이터 삭제
|
||||||
cell.setValue("");
|
cell.setValue("");
|
||||||
}
|
}
|
||||||
return value % parameters.phone;
|
return value % parameters.phone;
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
$tableClip = new Tabulator("#tabulator_clip", {
|
$tableClip = new Tabulator("#tabulator_clip", {
|
||||||
height:"255px",
|
height:"255px",
|
||||||
width:"100%",
|
width:"100%",
|
||||||
layout:"fitColumns",
|
layout:"fitColumns",
|
||||||
editor:true,
|
editor:true,
|
||||||
headerHozAlign:"center",
|
headerHozAlign:"center",
|
||||||
validationMode:"highlight",
|
validationMode:"highlight",
|
||||||
placeholder:"복사(Ctrl+C)한 내용을 여기에 붙여넣기(Ctrl+V) 해주세요.", //fit columns to width of table (optional)
|
placeholder:"복사(Ctrl+C)한 내용을 여기에 붙여넣기(Ctrl+V) 해주세요.", //fit columns to width of table (optional)
|
||||||
// clipboard:true, // 클립보드 기능 활성화
|
// clipboard:true, // 클립보드 기능 활성화
|
||||||
clipboardPasteAction:"update", // insert, update, replace
|
clipboardPasteAction:"update", // insert, update, replace
|
||||||
columns: [
|
columns: [
|
||||||
{formatter: "rowSelection", titleFormatter: "rowSelection", clipboard: false, hozAlign: "center", headerHozAlign: "center", headerSort: false, cellClick: function(e, cell) {
|
{formatter: "rowSelection", titleFormatter: "rowSelection", clipboard: false, hozAlign: "center", headerHozAlign: "center", headerSort: false, cellClick: function(e, cell) {
|
||||||
cell.getRow().toggleSelect();
|
cell.getRow().toggleSelect();
|
||||||
}},
|
}},
|
||||||
{formatter:"rownum", hozAlign:"center" ,title:"No", hozAlign:"center", headerHozAlign:"center", width:40},
|
{formatter:"rownum", hozAlign:"center" ,title:"No", hozAlign:"center", headerHozAlign:"center", width:40},
|
||||||
{title:"A", field:"A", hozAlign:"center", headerHozAlign: "center", width:125, validator:["maxLength:100", "string"]},
|
{title:"A", field:"A", hozAlign:"center", headerHozAlign: "center", width:125, validator:["maxLength:100", "string"]},
|
||||||
{title:"B", field:"B", hozAlign:"center", headerHozAlign: "center", width:125, validator:["maxLength:100", "string"]},
|
{title:"B", field:"B", hozAlign:"center", headerHozAlign: "center", width:125, validator:["maxLength:100", "string"]},
|
||||||
{title:"C", field:"C", hozAlign:"center", headerHozAlign: "center", width:125, validator:["maxLength:100", "string"]},
|
{title:"C", field:"C", hozAlign:"center", headerHozAlign: "center", width:125, validator:["maxLength:100", "string"]},
|
||||||
{title:"D", field:"D", hozAlign:"center", headerHozAlign: "center", width:125, validator:["maxLength:100", "string"]},
|
{title:"D", field:"D", hozAlign:"center", headerHozAlign: "center", width:125, validator:["maxLength:100", "string"]},
|
||||||
{title:"E", field:"E", hozAlign:"center", headerHozAlign: "center", width:125, validator:["maxLength:100", "string"]},
|
{title:"E", field:"E", hozAlign:"center", headerHozAlign: "center", width:125, validator:["maxLength:100", "string"]},
|
||||||
{title:"F", field:"F", hozAlign:"center", headerHozAlign: "center", width:125, validator:["maxLength:100", "string"]},
|
{title:"F", field:"F", hozAlign:"center", headerHozAlign: "center", width:125, validator:["maxLength:100", "string"]},
|
||||||
{title:"G", field:"G", hozAlign:"center", headerHozAlign: "center", width:125, validator:["maxLength:100", "string"]}
|
{title:"G", field:"G", hozAlign:"center", headerHozAlign: "center", width:125, validator:["maxLength:100", "string"]}
|
||||||
],
|
],
|
||||||
validationFailed: function(cell, value, parameters) {
|
validationFailed: function(cell, value, parameters) {
|
||||||
var valid = cell.isValid();
|
var valid = cell.isValid();
|
||||||
if (!valid) {
|
if (!valid) {
|
||||||
alert("양식에 맞지 않는 정보가 입력되었습니다.");
|
alert("양식에 맞지 않는 정보가 입력되었습니다.");
|
||||||
cell.setValue(""); // 해당 셀 데이터 삭제
|
cell.setValue(""); // 해당 셀 데이터 삭제
|
||||||
}
|
}
|
||||||
return false; // 유효하지 않은 경우 false 반환
|
return false; // 유효하지 않은 경우 false 반환
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
// 사용자 정의 필터 설정: addrPhoneNo가 빈 값이나 undefined가 아닌 경우
|
// 사용자 정의 필터 설정: addrPhoneNo가 빈 값이나 undefined가 아닌 경우
|
||||||
// $tableSelf.setFilter(function(data, filterParams) {
|
// $tableSelf.setFilter(function(data, filterParams) {
|
||||||
// var value = data.addrPhoneNo;
|
// var value = data.addrPhoneNo;
|
||||||
// return value !== "" && value !== undefined; // 빈 문자열과 undefined가 아닌 경우
|
// return value !== "" && value !== undefined; // 빈 문자열과 undefined가 아닌 경우
|
||||||
// });
|
// });
|
||||||
|
|
||||||
// // 테이블의 셀 편집 후 이벤트를 등록
|
// // 테이블의 셀 편집 후 이벤트를 등록
|
||||||
// document.addEventListener('keydown', function(e) {
|
// document.addEventListener('keydown', function(e) {
|
||||||
// if(e.key === "Tab") {
|
// if(e.key === "Tab") {
|
||||||
// e.preventDefault();
|
// e.preventDefault();
|
||||||
// let selectedCells = $tableSelf.getSelectedCells();
|
// let selectedCells = $tableSelf.getSelectedCells();
|
||||||
// let cell = selectedCells[selectedCells.length - 1]; // 현재 선택된 셀 가져오기
|
// let cell = selectedCells[selectedCells.length - 1]; // 현재 선택된 셀 가져오기
|
||||||
//
|
//
|
||||||
// if (cell) {
|
// if (cell) {
|
||||||
// let row = cell.getRow();
|
// let row = cell.getRow();
|
||||||
// let table = cell.getTable();
|
// let table = cell.getTable();
|
||||||
// let nextCell = cell.getNextCell("tab");
|
// let nextCell = cell.getNextCell("tab");
|
||||||
//
|
//
|
||||||
// if (!nextCell && row === table.getRows().slice(-1)[0]) {
|
// if (!nextCell && row === table.getRows().slice(-1)[0]) {
|
||||||
// // 현재 셀이 마지막 행의 마지막 셀인 경우
|
// // 현재 셀이 마지막 행의 마지막 셀인 경우
|
||||||
// table.addRow({A: "", B: "", C: "", D: "", E: "", F: "", G: ""}, false).then(function() {
|
// table.addRow({A: "", B: "", C: "", D: "", E: "", F: "", G: ""}, false).then(function() {
|
||||||
// table.scrollToRow(table.getRows().slice(-1)[0]); // 새로 추가된 행으로 스크롤
|
// table.scrollToRow(table.getRows().slice(-1)[0]); // 새로 추가된 행으로 스크롤
|
||||||
// table.setActiveCell(table.getRows().slice(-1)[0].getCell("A")); // 새로운 행의 첫 번째 셀에 포커스
|
// table.setActiveCell(table.getRows().slice(-1)[0].getCell("A")); // 새로운 행의 첫 번째 셀에 포커스
|
||||||
// });
|
// });
|
||||||
// }
|
// }
|
||||||
// }
|
// }
|
||||||
// }
|
// }
|
||||||
// });
|
// });
|
||||||
//
|
//
|
||||||
|
|
||||||
//Tabulator AJAX Data Loading
|
//Tabulator AJAX Data Loading
|
||||||
$tableError = new Tabulator("#tabulator_error", {
|
$tableError = new Tabulator("#tabulator_error", {
|
||||||
height:"255px",
|
height:"255px",
|
||||||
width:"100%",
|
width:"100%",
|
||||||
layout:"fitColumns",
|
layout:"fitColumns",
|
||||||
autoColumns:false,
|
autoColumns:false,
|
||||||
headerHozAlign:"center",
|
headerHozAlign:"center",
|
||||||
validationMode:"highlight",
|
validationMode:"highlight",
|
||||||
clipboard:false,
|
clipboard:false,
|
||||||
clipboardCopySelector:"table",
|
clipboardCopySelector:"table",
|
||||||
clipboardPasteAction:"insert", // insert, update, replace
|
clipboardPasteAction:"insert", // insert, update, replace
|
||||||
placeholder:"등록 팝업에서 휴대폰을 선택 후 확인해주세요.", //fit columns to width of table (optional)
|
placeholder:"등록 팝업에서 휴대폰을 선택 후 확인해주세요.", //fit columns to width of table (optional)
|
||||||
columns:[ //Define Table Columns
|
columns:[ //Define Table Columns
|
||||||
{title:"이름", field:"name", hozAlign:"center", headerHozAlign: "center", width:125},
|
{title:"이름", field:"name", hozAlign:"center", headerHozAlign: "center", width:125},
|
||||||
{title:"휴대폰", field:"phone", hozAlign:"center", headerHozAlign: "center", width:158},
|
{title:"휴대폰", field:"phone", hozAlign:"center", headerHozAlign: "center", width:158},
|
||||||
{title:"미등록 결과", field:"result", hozAlign:"center", headerHozAlign: "center", width:125}
|
{title:"미등록 결과", field:"result", hozAlign:"center", headerHozAlign: "center", width:125}
|
||||||
]
|
]
|
||||||
});
|
});
|
||||||
|
|
||||||
// 직접입력 타블레이터
|
// 직접입력 타블레이터
|
||||||
fn_selfmakeTable()
|
fn_selfmakeTable()
|
||||||
|
|
||||||
|
|
||||||
// 타뷸레이터 width값 변경 시 위에 select width 값 변경
|
// 타뷸레이터 width값 변경 시 위에 select width 값 변경
|
||||||
var titleArray = ["A","B","C","D","E","F","G"];
|
var titleArray = ["A","B","C","D","E","F","G"];
|
||||||
|
|
||||||
$tableExcel.on("columnWidth",function(column){
|
$tableExcel.on("columnWidth",function(column){
|
||||||
var titleIndex = titleArray.indexOf(column._column.definition.title);
|
var titleIndex = titleArray.indexOf(column._column.definition.title);
|
||||||
titleIndex += 1;
|
titleIndex += 1;
|
||||||
if(titleIndex != 0){
|
if(titleIndex != 0){
|
||||||
$('.tableExcel .select_adr_hd>div').eq(titleIndex).css('width', column._column.width);
|
$('.tableExcel .select_adr_hd>div').eq(titleIndex).css('width', column._column.width);
|
||||||
}else{
|
}else{
|
||||||
$('.tableExcel .select_adr_hd>div').eq(0).css('width', column._column.width + 40);
|
$('.tableExcel .select_adr_hd>div').eq(0).css('width', column._column.width + 40);
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
$tableExcel.on("scrollHorizontal",function(left){
|
$tableExcel.on("scrollHorizontal",function(left){
|
||||||
$(".tableExcel .adr_excel").scrollLeft(left);
|
$(".tableExcel .adr_excel").scrollLeft(left);
|
||||||
})
|
})
|
||||||
|
|
||||||
|
|
||||||
$(".tableExcel .adr_excel").on("scroll",function(){
|
$(".tableExcel .adr_excel").on("scroll",function(){
|
||||||
$(".tableExcel .tabulator-tableholder").scrollLeft($(this).scrollLeft());
|
$(".tableExcel .tabulator-tableholder").scrollLeft($(this).scrollLeft());
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
$tableClip.on("columnWidth",function(column){
|
$tableClip.on("columnWidth",function(column){
|
||||||
var titleIndex = titleArray.indexOf(column._column.definition.title);
|
var titleIndex = titleArray.indexOf(column._column.definition.title);
|
||||||
titleIndex += 1;
|
titleIndex += 1;
|
||||||
if(titleIndex != 0){
|
if(titleIndex != 0){
|
||||||
$('.tableClip .select_adr_hd>div').eq(titleIndex).css('width', column._column.width);
|
$('.tableClip .select_adr_hd>div').eq(titleIndex).css('width', column._column.width);
|
||||||
}else{
|
}else{
|
||||||
$('.tableClip .select_adr_hd>div').eq(0).css('width', column._column.width + 40);
|
$('.tableClip .select_adr_hd>div').eq(0).css('width', column._column.width + 40);
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
$tableClip.on("scrollHorizontal",function(left){
|
$tableClip.on("scrollHorizontal",function(left){
|
||||||
$(".tableClip .adr_excel").scrollLeft(left);
|
$(".tableClip .adr_excel").scrollLeft(left);
|
||||||
})
|
})
|
||||||
|
|
||||||
$(".tableClip .adr_excel").on("scroll",function(){
|
$(".tableClip .adr_excel").on("scroll",function(){
|
||||||
$(".tableClip .tabulator-tableholder").scrollLeft($(this).scrollLeft());
|
$(".tableClip .tabulator-tableholder").scrollLeft($(this).scrollLeft());
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
||||||
function fn_ClipMakeTable(){
|
function fn_ClipMakeTable(){
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
function fn_selfmakeTable(){
|
function fn_selfmakeTable(){
|
||||||
|
|
||||||
var tableData = [];
|
var tableData = [];
|
||||||
for (var i = 0; i < 1000; i++) {
|
for (var i = 0; i < 1000; i++) {
|
||||||
tableData.push({addrNm: "", addrPhoneNo: "", addrInfo1: "", addrInfo2: "", addrInfo3: "", addrInfo4: "", addrComment: ""});
|
tableData.push({addrNm: "", addrPhoneNo: "", addrInfo1: "", addrInfo2: "", addrInfo3: "", addrInfo4: "", addrComment: ""});
|
||||||
}
|
}
|
||||||
|
|
||||||
// 테이블 초기화
|
// 테이블 초기화
|
||||||
$tableSelf = new Tabulator("#tabulator_self", {
|
$tableSelf = new Tabulator("#tabulator_self", {
|
||||||
height: "255px",
|
height: "255px",
|
||||||
width: "100%",
|
width: "100%",
|
||||||
layout: "fitColumns",
|
layout: "fitColumns",
|
||||||
clipboardPasteAction: "update",
|
clipboardPasteAction: "update",
|
||||||
keybindings: {
|
keybindings: {
|
||||||
"navRight": "tab", // Tab 키를 누르면 오른쪽 셀로 이동
|
"navRight": "tab", // Tab 키를 누르면 오른쪽 셀로 이동
|
||||||
"navLeft": "shift+tab",
|
"navLeft": "shift+tab",
|
||||||
"editNext": false // Tab 키를 누를 때 편집 모드를 종료하지 않도록 설정
|
"editNext": false // Tab 키를 누를 때 편집 모드를 종료하지 않도록 설정
|
||||||
},
|
},
|
||||||
data: tableData,
|
data: tableData,
|
||||||
columns: [
|
columns: [
|
||||||
{formatter: "rowSelection", titleFormatter: "rowSelection", clipboard: false, hozAlign: "center", headerHozAlign: "center", headerSort: false, cellClick: function(e, cell) {
|
{formatter: "rowSelection", titleFormatter: "rowSelection", clipboard: false, hozAlign: "center", headerHozAlign: "center", headerSort: false, cellClick: function(e, cell) {
|
||||||
cell.getRow().toggleSelect();
|
cell.getRow().toggleSelect();
|
||||||
}},
|
}},
|
||||||
{formatter:"rownum", hozAlign:"center" ,title:"No", headerHozAlign:"center", width:40},
|
{formatter:"rownum", hozAlign:"center" ,title:"No", headerHozAlign:"center", width:40},
|
||||||
{title:"이름", field:"addrNm", hozAlign:"center", headerHozAlign: "center", width:119, validator:["maxLength:100"], editor:"input"},
|
{title:"이름", field:"addrNm", hozAlign:"center", headerHozAlign: "center", width:119, validator:["maxLength:100"], editor:"input"},
|
||||||
{title:"휴대폰", field:"addrPhoneNo", hozAlign:"center", headerHozAlign: "center", width:119, validator:["maxLength:100"], editor:"input"
|
{title:"휴대폰", field:"addrPhoneNo", hozAlign:"center", headerHozAlign: "center", width:119, validator:["maxLength:100"], editor:"input"
|
||||||
, cellEdited:function(cell){
|
, cellEdited:function(cell){
|
||||||
var currentValue = cell.getValue();
|
var currentValue = cell.getValue();
|
||||||
console.log('cell.getValue() : ', currentValue);
|
console.log('cell.getValue() : ', currentValue);
|
||||||
|
|
||||||
// 현재 값이 null 또는 undefined가 아니고, 값이 변경된 경우에만 처리
|
// 현재 값이 null 또는 undefined가 아니고, 값이 변경된 경우에만 처리
|
||||||
if (currentValue !== null
|
if (currentValue !== null
|
||||||
&& currentValue !== ''
|
&& currentValue !== ''
|
||||||
) {
|
) {
|
||||||
var newValue = fn_selfUpdataCount(currentValue);
|
var newValue = fn_selfUpdataCount(currentValue);
|
||||||
|
|
||||||
// 값이 실제로 변경된 경우에만 setValue 호출
|
// 값이 실제로 변경된 경우에만 setValue 호출
|
||||||
if (currentValue !== newValue) {
|
if (currentValue !== newValue) {
|
||||||
cell.setValue(newValue);
|
cell.setValue(newValue);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
{title:"[*1*]", field:"addrInfo1", hozAlign:"center", headerHozAlign: "center", width:119, validator:["maxLength:100"], editor:"input"},
|
{title:"[*1*]", field:"addrInfo1", hozAlign:"center", headerHozAlign: "center", width:119, validator:["maxLength:100"], editor:"input"},
|
||||||
{title:"[*2*]", field:"addrInfo2", hozAlign:"center", headerHozAlign: "center", width:119, validator:["maxLength:100"], editor:"input"},
|
{title:"[*2*]", field:"addrInfo2", hozAlign:"center", headerHozAlign: "center", width:119, validator:["maxLength:100"], editor:"input"},
|
||||||
{title:"[*3*]", field:"addrInfo3", hozAlign:"center", headerHozAlign: "center", width:119, validator:["maxLength:100"], editor:"input"},
|
{title:"[*3*]", field:"addrInfo3", hozAlign:"center", headerHozAlign: "center", width:119, validator:["maxLength:100"], editor:"input"},
|
||||||
{title:"[*4*]", field:"addrInfo4", hozAlign:"center", headerHozAlign: "center", width:119, validator:["maxLength:100"], editor:"input"},
|
{title:"[*4*]", field:"addrInfo4", hozAlign:"center", headerHozAlign: "center", width:119, validator:["maxLength:100"], editor:"input"},
|
||||||
{title:"메모", field:"addrComment", hozAlign:"center", headerHozAlign: "center", width:119, validator:["maxLength:100"], editor:"input"}
|
{title:"메모", field:"addrComment", hozAlign:"center", headerHozAlign: "center", width:119, validator:["maxLength:100"], editor:"input"}
|
||||||
],
|
],
|
||||||
navigation: true // 키보드 탐색 활성화
|
navigation: true // 키보드 탐색 활성화
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user