JavaScript(3)
-
[JS]jqGrid 최대 높이 정하기, 동적 스크롤 생성하기
jqGrid의 높이를 지정할수도 있지만, 높이보다 조회된 row 수가 적은 경우에는 jqGrid row부터 페이징처리하는 곳까지 빈 공간이 생기는 문제가 있다. 이럴 경우엔 맥시멈 높이를 정해서 해당 높이보다 적을 땐 height를 auto로 설정하여 빈공간이 생기지 않도록 하고, 맥시멈 높이를 넘어갈 때는 자동으로 스크롤을 생성해준다. max-height 설정하기 $("#jqgrid").jqGrid( gridComplate: function(){ $("#jqgrid").parents("div.ui-jqgrid-bdiv").css("max-height", "500px");// 최대 높이 지정 $("#jqgrid").closest(".ui-jqgrid-bdiv").scrollTop(0);// 스크롤 맨 위..
2024.01.09 -
[JS] 스크롤 맨 아래로 내리기
화면 맨 아래로 스크롤 내리기 setTimeout(function() { $(".content").scrollTop($(document).heigh()); }, 500); 화면을 구성하고 있는 요소 중 최상위 요소를 기준으로 한다. $(document).height()로 화면 길이를 구한 후, scrollTop함수를 사용하여 맨 아래로 스크롤을 내린다. 스크롤 맨 위로 올리기 $(".content").scrollTop(0); // 스크롤 맨 위로 올리기 0인 경우에는 반대로 스크롤이 맨 위로 올라간다. 요소를 사용하여 스크롤 맨 아래로 내리기 $("#descText").focus(); 또는 화면 맨 아래에 input 요소가 있다면, 해당 요소로 focus를 맞추면 자연스레 스크롤이 맨 아래로 내려간다.
2023.03.09 -
[JS] 오늘 날짜 구하기, 어제 날짜 구하기 , new Date()사용하기, 이전 달의 마지막 날 구하기, 이전 년도의 마지막 날 구하기
오늘 날짜 구하기 날짜를 구하려면 Date 생성자를 사용해야 한다. var today; var date = new Date(); var year = date.getFullYear(); var month = ('0' + (date.getMonth()+1)).slice(-2); var day = ('0' + (date.getDate()).slice(-2); var today = year + "-" + month + "-" + day; // 2023-03-09 월/일은 10이하일 때는 '0'을 붙여주고, 그 외에는 그대로 써주면 된다. 만일 month가 10일 때, '0' + '10' = '010'인 상태에서 slice()를 사용하여 맨 뒤에서 2개만 뽑아온다. slice(2)처럼 양수일 경우에는 앞에서부터 ..
2023.03.09