전체 글 (99) 썸네일형 리스트형 [WebSquare 웹스퀘어] 특정 그리드뷰 행 disabled 처리 " 전체 그리드뷰 disabled 하지 않고 원하는 행만 disabled 처리 하고 싶다면 ? " 그리드뷰ID.setRowDisabled(rowIndex, true); => 이렇게 하면 해당 그리드뷰의 rowIndex에 해당하는 행들이 disabled 처리된다. [WebSquare 웹스퀘어] 마스킹(Masking) 처리 후 튤팁(tooltip) " 마스킹 처리된 전화번호 보이게 한 후 mouseover 시 튤팁 현상으로 나타내는 법 " 1) 마스킹 처리 된 전화번호, 마스킹되지 않은 전화번호 둘다 select SELECT 핸드폰 AS mobile, replace(핸드폰, substr(핸드폰,-4), '****') AS mask FROM 번호; 2) 화면에 마스킹 된 전화번호 바인딩 (mask) 3) 자바스크립트 onbodymouseover 이벤트 사용 scwin.***_onbodymouseover = function(info) { var mobile = dtl_searchSmsSort.getCellData(info.rowIndex, "mobile"); if (info.colIndex == 8) { //해당 튤팁 컬럼 열번호 $p.$("#그리드뷰.. [WebSquare 웹스퀘어] Multi SelectBox (멀티 셀렉트박스) 이와같이, 2개 이상의 셀렉트 박스가 필요하다면 ,, 예시 selectbox1 : 전체 / 과일 / 물건 selectbox2 :전체 / 과일 - 사과, 바나나, 수박 / 물건 - 책상, 의자 selectbox1 1) DataCollection입력 후 BindItemSet부분 지정 2) DataCollection의 "use data" 체크 후 직접 이용 NodeSet : DataCollection 이름 Label : 화면에 보일 컬럼명 Value : return 받을 값 selectbox2 1) selectbox1과 같이 지정 2) 쿼리 이용 3) 쿼리를 작성 한 후 Submission의 submitdone 이용 scwin.submission명_submitdone = function(e) { NodeSet.. [JavaScript 자바스크립트] let, const, var의 모든 것 let , const 공통점 - 블럭, 밖에서 안으로, 중첩 호출 가능 차이점 - let 은 변수에 재할당이 가능 - const 는 변수 재선언, 변수 재할당 모두 불가능 (상수) 1) 블럭 { const name = 'Kim'; console.log(name); //kim } console.log(name); //name is not defined //error 2) 밖에서 안으로 let age = 37; { age++; console.log(age); //38 } console.log(age); //38 3) 중첩 let age = 38; { { { console.log(age); //38 } } } var 1) var "함수" 스코프 var "함수" 에서는 안에서 밖으로 호출이 되지 않는다 var .. [JavaScript 자바스크립트] 일정 시간 뒤 함수 실행 setTimeout() setTimeout() 이란 ? 일정 시간 후에 특정 코드, 함수를 의도적으로 지연한 뒤 실행하고 싶을 때 사용하는 함수 예제 1초 후 함수 실행 setTimeout(function() { console.log('1초 후 함수 실행'); }, 1000); setTimeout() 활용 접속 후 몇 초 후에 팝업 또는 배너창 띄우기 방문자의 스크롤이 브라우저 일정 위치에 올 경우 몇 초 뒤에 애니메이션 실행 검색창 또는 일부 섹션 몇 초 뒤에 사라질 경우 방문자 접속 후 20-30초가 지난 뒤 메일 구독을 신청하는 팝업창을 띄울 경우 두 개의 입력값을 받은 후 동시에 두 개의 입력값을 계산하고 싶은 경우 [JavaScript 자바스크립트] indexOf 란 ? string.indexOf(searchvalue, position) - 문자열(string)에서 특정 문자열(searchvalue )을 찾고, 검색된 문자열이 첫번째로 나타나는 위치 index를 리턴(posiotion) - 파라미터 searchvalue : 필수 입력값, 찾을 문자열 posiotion : 기본값은 0, string에서 searchvalue를 찾기 시작할 위치 - 찾는 문자열이 없으면 -1을 리턴 - 문자열을 찾을 때 대소문자 구분 기본 예제 1) 문자열 'abab'에서 'ab'가 처음으로 나타나는 위치의 인덱스 값을 리턴 2) 문자열 'abab'에서 'ba'가 처음으로 나타나는 위치의 인덱스 값을 리턴 3) 문자열 'abab'에는 'abc'라는 문자열이 없으므로 숫자 -1을 리턴 4) i.. [JavaScript 자바스크립트] querySelector / querySelectorAll / getElementById란 ? 1. querySelector 메소드 - 선택자를 받아서 선택자와 일치하는 문서 안의 첫번째 요소 반환 - 일치하는 요소만 반환할 수 있으므로, 일치하는 요소가 없으면 null 반환 - css 선택자 요구 document.querySelector ("a"); // a 태그 선택 document.querySelector ("#abc"); // id 요소 선택 document.querySelector (".abc"); // class 요소 선택 document.querySelector(".abc > nobr"); // abc 클래스의 nobr태그 선택 2. querySelectorAll 메소드 - 특정 css 선택자를 가진 모든 요소 선택 - 여러 요소 한번에 가져올 수 있음 document.querySel.. [WebSquare 웹스퀘어-JavaScript 자바스크립트] 검색 기능 만들기 방법 1 - 크롬 개발자 모드로 클래스명과 구조 파악 - 대소문자를 구분하지 않고 가져오기 위해 toUpperCase()로 모두 대문자로 변환해 변수에 담기 - 제외할 리스트가 있다면 classList이용 - 목록을 for문으로 돌려 tr[i]의 td[j] 번째를 이용하여 값을 가져옴 -비교를 위해 cell의 값도 대문자로 바꿔준 후 .indexOf()로 검색한 값이 있는지 없는지 확인 (값이 없을 경우 -1로 반환) - 검색된 건수를 확인하기 위해 count를 이용 [JavaScript 자바스크립트] classList 사용 - 여러개의 클래스 중 특정 클래스 추출 여러개의 클래스 중 특정 부분만 찾아서 값을 제어하고 싶다면.. let .. 이전 1 2 3 4 5 6 7 8 ··· 13 다음