본문 바로가기

js

(16)
jQuery DataTable 컬럼별 width부여 var table= $("#table").DataTable( { "ajax" : "ajax 요청할 url", "columns" : [ { "data" : "쿼리로가져온 컬럼명" ,"width": "100px" }, { "data" : "쿼리로가져온 컬럼명" ,"width": "200px" }, { "data" : "쿼리로가져온 컬럼명" ,"width": "300px" } ] });
소수점 포함 숫자만 사용할수 있도록 하는 함수 /** * html */ ​ /** * js Function */ // 숫자와 한글만 입력받게 만듬 function onlyNumber(event){ event = event || window.event; var keyID = (event.which) ? event.which : event.keyCode; if ( (keyID >= 48 && keyID = 96 && keyID
jQuery DataTable Export 내용 조정하기 // 본 예제는 Excel 기준 buttons: [ { extend : 'copy' , text: ' 데이터 복사' }, { extend : 'excel' , title : ' 테스트 엑셀 ' , messageTop : ' 엑셀 상단에 표시될 텍스트 ' , text : ' 엑셀 다운로드 ' , exportOptions : { customizeData : function( data ){ data.header = ["헤더1" , "헤더2" , "헤더3" ]; // 엑셀 상단의 제목 ( th ) 내용을 바꿈 data.body[0] = [ "내용1" , "내용2" , "내용3" ]; // 제목에 맞는 같은열의 내용을 맞춰줌 /* cutomizeData 함수 내에서 처리하여 return 시켜주면 되기때문에 aja..
jQuery DataTable 각각의 td 정렬 // 스타일 클래스 지정 var table= $("#table").DataTable( { "ajax" : "ajax 요청할 url", "columns" : [ { "data" : "쿼리로가져온 컬럼명" }, // 0번째 타겟 { "data" : "쿼리로가져온 컬럼명" }, // 1번째 타겟 { "data" : "쿼리로가져온 컬럼명" } // 2번째 타겟 ], "columnDefs": [ { "targets":[2], "className":"alCenter" },{ "targets":[0], "className":"alLeft" },{ "targets":[1], "className":"alRight" } ], })
날짜 포맷 MM/dd/HH 사용시 포맷맞추기 var today = new Date(); var month = setMonthDateFormat( ( today.getMonth()+1 ) ); var day = setMonthDateFormat( today.getDate() ); // 1월/일 부터 9월/일까지 앞에 0을 붙여 두자리를 맞추기 위함 function setMonthDateFormat(num){ var formatNum=0; if(num
새창으로 열기 창이 열려있을경우 Window 재사용하기 // 파라미터 하나만 넘길경우 function getDetail(param){ var siteWin=window.open(contextPath+"/pageName.do?param1="+param , "윈도우 이름", ""); var siteUrl = contextPath+"/pageName.do"; if (!siteWin || siteWin.closed ) { siteWin=window.open(siteUrl+"?param1="+param, "윈도우 이름"); } else{ siteWin.location=siteUrl+"?param1="+param; siteWin.focus(); } }
AnimateNumber // 예시 setAnimateNum("elementId",1000,0); //숫자 AnimateNum (적용할 엘리먼트 아이디, 값 , 소수점 자리수) function setAnimateNum(id, value,toFixNum) { $("#" + id).animateNumber( { number : value, numberStep : function(now, tween) { var formatted = now.toFixed(toFixNum).replace(/(\d)(?=(\d{3})+\.)/g, '$1,'); $(tween.elem).text(formatted); } }, 500); // 숫자가 오르는 속도 }
값 체크 Function function checkVal(val){ switch(val) { case null: return 0; break; case "": return 0; break; case "-": return 0; break; default: return val; break; } }