WEBSQUARE (17) 썸네일형 리스트형 [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.. [WebSquare 웹스퀘어-JavaScript 자바스크립트] 검색 기능 만들기 방법 1 - 크롬 개발자 모드로 클래스명과 구조 파악 - 대소문자를 구분하지 않고 가져오기 위해 toUpperCase()로 모두 대문자로 변환해 변수에 담기 - 제외할 리스트가 있다면 classList이용 - 목록을 for문으로 돌려 tr[i]의 td[j] 번째를 이용하여 값을 가져옴 -비교를 위해 cell의 값도 대문자로 바꿔준 후 .indexOf()로 검색한 값이 있는지 없는지 확인 (값이 없을 경우 -1로 반환) - 검색된 건수를 확인하기 위해 count를 이용 [JavaScript 자바스크립트] classList 사용 - 여러개의 클래스 중 특정 클래스 추출 여러개의 클래스 중 특정 부분만 찾아서 값을 제어하고 싶다면.. let .. [WebSquare 웹스퀘어] 그리드뷰(GridView) 행 "수" 세기 "그리드 뷰" 에서 출력되는 "행의 갯수" 세는 방법 scwin.(해당 Submission)_submitdone = function(e) { var totalCnt = (그리드뷰 바인딩한 DataCollection).getTotalRow(); (보이고자하는 span 아이디).setValue(totalCnt); } [WebSquare 웹스퀘어] 웹스퀘어 상에서 focusout은 어떻게 쓸까 ? - JQuery focusout focusout() 포커스 아웃 이벤트는 요소(또는 하위요소)가 포커스를 잃을때 발생 $('#해당아이디').focusout(function() { // input 창안에 focus가 들어올때 event }) - WebSquare focusout jquery에서 사용하던 focusout 이벤트는 웹스퀘어 상에서 찾아볼 수 없다 이는 아래와 같이 사용하면 jquery와 같은 focusout 이벤트가 사용된다 scwin.해당아이디_onchange = function(e) { // input 창안에 focus가 들어올때 event }; [WebSquare 웹스퀘어] 그리드뷰(GridView)에서 자동으로 순번 생성 하기 1. 그리드뷰(GridView) Component(구성요소) Group -> GridView -> GridViewCaption -> GridViewHeader( -> GridViewRow->Colubmn 존재) -> GridViewBody 로 이루어져 있다 2. 예시 위와같은 사진의 Colubnm은 두개 밖에 존재하지 않고 "순번"은 자동 생성되어 있는 것이다 어떻게 자동으로 "순번"을 추가 할 수 있을까 ? 3. 자동으로 순번 생성 하기 해당 그리드뷰를 선택한 후 Property 에 rowNumVisible = ture rowNumHeaderVaule = 순번 이렇게 작성하면 자동으로 생기게 된다 [WebSquare 웹스퀘어] Tab키 이용하여 Import하기 1. Tab키의 Component(구성요소) TabControl -> Tabs1 -> content1 로 구성되어 있다 2. 예제/문제 Tabs1의 키는 content에 내용이 담겨져 있고 Tabs2의 키에는 content에 직접적인 내용이 담겨져 있지않고 파일을 import하는 방식으로 사용하려고 한다. 어떻게 import 할 수 있을까 ? 3. import 하는 방법/해결 Content에 Group의 Wframe이라는 것을 사용하여 배치한다. 그 후, 전체적인 TabContol에 _onchange라는 함수를 사용한다. scwin.tabCon_onchange = function(tabID,idx,userTabID) { try { switch (idx) { case 0 : { } break; case 1.. 이전 1 2 3 다음