Frontend/Nexacro (17) 썸네일형 리스트형 [넥사크로] 화면 CRUD 처리 1 - 1. 화면 조회 이벤트 스크립트 // Retrieve Event this.fn_retrieve = function(obj:nexacro.Button, e:nexacro.ClickEventInfo){ var sDeptCd = this.div_search.form.edt_dept_cd.value; this.transaction("svcSelect" ,"SvcURL::select_emp.jsp?sDept="+sDeptCd ,"" ,"ds_emp = out_emp" ,"" ,"fn_callback"); }; // Async Result callback this.fn_callback = function(scvId, errCD, errMSG){ if(errDC < 0){ this.alert("Error : .. [넥사크로] 데이터 통신(서버 설정) 이 부분은 라이센스 지원이 되지 않아 실습은 하지 못하고 교제로만 학습 진행 1. 동기과 비동기의 차이 Async(비동기) - Async 방식은 transaction 함수가 Service를 호출 후 통신 완료와 관계없이 다음 스크립트를 수행하며 통신 결과는 콜백 함수에서 확인이 가능 - 동시에 여러 개의 Service를 사용할 수 있기 때문에 권장하고 있으며, 각각의 통신 결과는 콜백 함수에서 transaction ID별로 구분하여 사용 - 특히 폼의 onload 이벤트에서 transaction 호출은 무조건 Async 방식으로 처리하여야 함. 폼이 Load되는 시점에 Sync 방식으로 Service를 호출할 경우 transaction이 종료되는 시점까지 Drawing이 정상적으로 이루어지지 않음. Sy.. [넥사크로] 그리드 셀 표현 1. property 수정 grid안에서 body의 row에서 property를 수정해주어야 한다. 2. expression 이용 grid안에서 표현식을 등록하여 엑셀처럼 표현 가능하다. // 현재 row를 1번부터 표현 currow + 1 // total개수 구하기 // 아래와 동일 : "Total : " + comp.parent.ds_emp.getRowCount() "Total : " + dataset.getRowCount() // 임금 합계 구하기 // 아래와 동일 : comp.parent.ds_emp.getSum('SALARY') dataset.getSum('SALARY') // 자주 사용하는 표현식 // 1. Dataset의 Column 명 이용 EMPL_ID + " " + FULL_NAME S.. [넥사크로] 스크립트 작업 실습 기능 관련 스크립트 작업 1. 팝업 뜨게 하는 이벤트 스크립트 //Search Area Dept PopUp this.div_search_btn_dept_onClick = function (obj:nexacro.Button,e:nexacro.ClickEventInfo) { var nLeft = system.clientToScreenX(this, 10); var nTop = system.clientToScreenY(this, 10); var objChild = new ChildFrame("popDept","absolute",nLeft,nTop,300,400); objChild.set_formurl("Popup::Pop_DeptSearch.xfdl"); objChild.set_openalign("center .. [넥사크로] 그리드 Grid 더블클릭 데이터 테이블 작성 combo로 적용하기 => display type : combo control/ combo text + combo / combo cell 데이터 선택 expression에 함수 적용 가능 currow + 1 => 인덱스 정보 불러오기 dataset.getRowCount() + '건' comp.parent.ds_emp.getRowCount() + '건' dataset.getSum("SALARY") 성별 M, W 남자 여자 변환 => GENDER == "M" ? "남자" : GENDER == "W" ? "여자" : "기타" EMPL_ID + "-"+ EMPL_NAME [넥사크로] 데이터 바인드 디자인 입히기 : properties에서 cssclass 복붙하기 데이터 정렬하기 : form들 선택 -> alias에서 좌, 우, 중앙 맞추기 -> 상하 간격 조절할 때 Distribute Virtically By Specified Value 선택 후 -1하면 다닥다닥 잘 붙음 Data Object = Data Set : 임시 DB 상단 : 컬럼 정보, 하단 : 테스트 데이터 바인딩 방법( Crtl + B : 바인딩 아이템 확인 ) 1. Invisible Object에서 바인딩 할 데이터를 드레그&드롭으로 끌어다가 연동시킬 위치에 놓고 Column이름 적기 2. Project Explorer에서 Object하단에 리스트에서 바인딩 할 데이터를 드래그&드롭으로 끌어다가 연동시킬 위치에 놓기 (MaskEd.. [넥사크로] 컴포넌트 *.xprj파일이 프로젝트 파일임 => Generate\Application ( generate를 해줘야 어플리케이션이 구동됨 ) 이전에 generate된 것은 스킵 => 스킵 안하고 싶으면 Generate에서 Regenerate\Application해주면 됨 CodeSnippet : 단축어 등록 사용 => 표준화 및 함수 미리 정의 되어 있어야 함 1. 등록 우클릭 -> CodeSnippet -> Name : 명칭 / Shortcut : 사용할 단축어 / Description : 설명 -> 하단 템플릿 작성( 우클릭 누르면 시스템 환경 변수 불러오기 가능함 ) -> ok 2. 사용 메서드 불러오듯 단축어 입력하여 사용하면 됨 반복적 사용 함수는 js로 빼서 include하는 방식 ( eg. includ.. [넥사크로] 프로젝트 생성 [1. 화면 구성] 1. 시작 1 - 1 : StartPage : New 1 - 2 : 상단 File -> Project ( 단축키 : Ctrl + Shift + N ) 1 - 3 : 상단 툴바에서 New Project 아이콘 선택 2. 생성 화면 2 - 1 - 1 : Project \ Application : 새로 생성 2 - 1 - 2 : Template ( 17.1 버전부터 있음 ) 2 - 2 : 프로젝트 환경 선택 2 - 3 - 1 : 프레임 셋 (메뉴) 구성 2 - 3 - 2 : 디테일 셋 : 프레임별 크기 등 세부 보정 3. environment.xml 3 - 1 : variable : 변수 관리 => 브라우저 Local Storage에 저장 & 평문으로 입력 : 보안 이슈 3 - 2 : co.. 이전 1 2 3 다음
