본문 바로가기

WEBSQUARE

 (17)
[WebSquare 웹스퀘어] 목록성 컴포넌트 표현 3가지 1) 하드코딩(SelectBox) : selectBox 더블클릭하여 직접 입력 2) 스크립트에서 동적으로 만들기 (Radio) : ui_gender.addItem(value, label, index); -> scwin.onpageload = function() { ui_gender.addItem("M", 남자); ui_gender.addItem("F", 여자); }; 3) 데이터컬렉션 (CheckBox) 이름 만들고, id/name/dataType쓰고, 해당 박스 더블클릭하여 Nodeset,label, value 작성 -> Data로 들어가 값을 쓰고 use data 체크
[WebSquare 웹스퀘어] Submission(통신) 속성 1) Reference -> DataCollection -> Id선택 -> 추가 전달 하는 파라미터 값 입력 2) Target (결과물) -> DataCollection -> Id선택 -> 추가 전달받아 보내는 값 입력 3) URL Action 서블릿 정보 기재 (Controller에서 작성한 매핑 주소 입력) 4) Process Message 조회중입니다... (이러한 문구 적음-통신하는 동안 계속 보여줌) 5) Submit 통신들어가기 직전에 처리 6) Submit-done 서블릿이 완벽하게 끝 난 후 제일 먼저 처리 되는 곳 7) Submit-error 통신을 수행하다가 에러가 발생했을때 처리하는 곳 ** Script에 작성하여 통신 ** com.executeSubmission ( submissio..
[WebSquare 웹스퀘어] GridView 속성 1 브라우저 크기 조정 법 : autoFit =lastColumn - 화면 크기에 따라 마지막 컬럼 크키만 조절 =allColumn - 화면 크기에 따라 모든 컬럼 크기 조절 2 컬럼 원하는 위치로 이동 coulunMove=ture 3 컬럼 더블클릭시 sortable=true 첫번쨰클릭:오름차순 두번째클릭:내림차순 세번째클릭:sort해제 4 해당컬럼 필터 적용 해당컬럼 클릭 후 usefilter=true -- usefilterlist =true 시 체크박시 형식 리시트 추출 5 클릭 할 때마다 편집 모드 변경 editModeEvent=onclick 6 Tab으로 focus 이동 시 편집모드 keyMoveEditMode=ture 7 해당 바디 클릭 -- inputType = select, calendar ..
[WebSquare] GridView 이벤트 1) '이름'컬럼을 지웠을 시 '이름'컬럼이 다시 생기고 다른 컬럼은 지워짐 -- DataCollection DataList선택시 이벤트 출력 scwin.dc_userInfoList_onbeforecelldatachange = function(info) { if(info.colID == "EMP_NM"){ if(info.newValue == ""){ return false; } } }; 2) 건수 나타내기 -- DataCollection DataList선택시 이벤트 출력 scwin.setTotalNum = function(){ //스크롤 id 확인(ui_totRowCount) ui_totRowCount.setValue(dc_userInfoList.getRowCount()); }; //전체 건수를 나타낸다..
[WebSquare] GridView 란? - gridview를 생성하면 column갯수, header, body, footer 등 설정 - 생성된 gridview의 행과 열 추가/삭제/병합/해제 등의 편집 : 스튜디오 상단 버튼 활용 - girdview 생성법 1) Palette에서 GridView 생성 2) DataCollection을 이용하여 Binding 드래그 -- 신규생성 : datalist기준으로 모든 컬럼 새로 생성 -- 헤더만 업데이트 : 헤더부분만 적용한 name 매핑 -- 바디만 업데이트 : 바디부분만 적용한 id 매핑 -- 모두 업데이트 : id, name 각각 매핑
[WebSquare 웹스퀘어] WebSquare란? 1. html보다 WebSquare 가 더 가지는 것 => model영역 (dataCollection(값 처리), workflowCollection, submission(통신)) 2. 새로운 페이지 만드는 방법 WebSqueare Page -> .xml 3. 구성 더보기 Design -> 브라우저에서 눈으로 보여지는 곳 (body태그), 컴포넌트로 그림 (왼쪽Palette) Script -> 로직제어 (자바스크립트 함수) onpageload: 브라우저에 화면 그려지고 나서 제일 먼저 수행 되는 함수(초기값... , inti함수와 같음) onpageunload:브라우저가 닫히기 직전에 제일 마지막에 수행되는 함수(로그 남기거나 ...) DataCollection -> 모델영역, 내가 만들 객체 정의 - D..
[WebSquare 웹스퀘어] 단건 다건 차이 1) 단건 (ex) 클릭시, 한번에 한사람의 데이터만 보는 것) - inputBox에 각각 바인딩 하기 { "dc_userInfo": { "ZIP_CD": "700251", "ASSIGNED_TASK": null, "GENDER_CD": "M", "JOIN_DATE": "20041008", "DUTY_CD": "04", "UPDATED_DATE": "2016-12-07", "ADDRESS2": " ", "CREATED_DATE": "2016-12-07", "EMP_CD": 10000004, "ADDRESS1": "대구 중구 서문로1가", "ROLE_CD": "03", "POSITION_CD": "04", "EMP_NM": "미길동", "EMAIL": "woka436@inswave03.com" }, "ms..
[WebSquare 웹스퀘어] 컴포넌트 이용 - CheckBox 1. DataCollection의 DataList와 더블클릭 이용 1) DataCollection의 DataList 작성 --> use data 이용 2) CheckBox 더블클릭 --> BindItemSet 지정 2. DataCollection의 DataList와 Script 이용 1) DataList 위와같이 설정 2) Script (CheckBox id=ui_role) scwin.onpageload = function() { var jsonData = [{"code" : "01", "name": "총괄"}, {"code" : "02", "name": "부서담당"}, {"code" : "03", "name": "공통"}, {"code" : "04", "name": "개발"}, {"code" : "05..

티스토리툴바