Frontend/Nexacro (17) 썸네일형 리스트형 [넥사크로] Form, Common 1. Form 1 - 1 구성요소 1) Property all : components : objects : 2) Method addChild : Form 생성 후 Application에 붙이는 것 alert : Message 뿌리기 getFocus : 특정 컴포넌트로 Focus 이동 isValidObject : 컴포넌트 존재 유무 체크 setTimer : 일정 시간에 한번 씩 Event발생 killTimer : Timer 기능 멈춤 transaction : 데이터 가져오는 Method 3) Event onactive : 화면 전환 후 돌아올 때 발생 onbeforeclose : Form이 닫히기 전에 발생 oninit : Form이 로딩될 때 onload : 모든 컴포넌트 로딩 후 발생 ontimer :.. [넥사크로] PopupDiv 1. 구성요소 1) Property form url async returnvalue(P) 2) Method setContents closePopup(P) isPopup(P) trackPopup(P) trackPopupByComponent(P) 3) Event oncloseup(P) 2. 실습 1) popup을 버튼 하단에 띄움 this.btn_Exe1_1_onclick = function(obj:nexacro.Button,e:nexacro.ClickEventInfo) { var nX = 0; //var nY = 0; var nY = obj.height; // popup띄우는 메서드 this.PopupDiv1.trackPopupByComponent(this.btn_Exe1_1, nX, nY); }; thi.. [넥사크로] Grid 1. 구성 요소 1) Property autofittype : autosizingtype : cellmovingtype : cell 위치 이동 속성(Column하면 Column이동 가능) formats : band 고정할 때 selecttype : 2) Method createFormat : 드래그&드롭으로 Grid를 자동으로 그려주는 메서드 setCellPos : Grid의 특정 Cell에 Focus를 이동하는 메서드 setCellProperty : Grid의 특정 Cell에 값을 Setting하는 메서드 updateToDataset : Grid내용을 Dataset에 바로 반영하는 메서드 3) Event oncellclick : oncloseup : onexpandup : onheadclick : 2... [넥사크로] Dataset 1. Dataset 2가지 Application Information\Application Variables\Datasets : Global Dataset 각각 Form의 Dataset : Local Dataset 2. 구성요소 1) Property enableevent : Dataset의 이벤트를 멈추고 단순 데이터만 세팅하려고 할 때 사용하는 속성 keystring : Dataset을 Grouping하거나 Sort할 때 사용하는 속성 rowcount : Dataset의 전체 Row건수를 확인 rowposition : Dataset에서 현재 Row위치 useclientlayout : Dataset Latout을 내가 작성한 것과 서버에서 return해주는 Layout을 쓸건지 선택하는 속성 Defaul.. [넥사크로] 넥사크로 플랫폼 이용 개발 시 주의사항 1. 동기 / 비동기 동기 방식 : Transaction함수 호출 후 응답 완료 후 결과 받고 다음 스크립트 진행 비동기 방식 : Transaction 함수 호출 후 응답과 상관없이 다음 스크립트 수행 후 서버에서 결과 수신 시 callback함수 호출 동기 : Single Thread / 비동기 : Multi Thread 같은 느낌으로 생각하면 됨 비동기가 수행시간이 더 짧을 수 있다 2. 동일 출처 정책(Cross domain) / CORS정책 웹 브라우저 실행시 화면 페이지와 데이터 통신시 호출하는 서버 페이지 도메인이 일치해야함 일치하지 않다면 웹 환경에 위배된다고 판단함 3. 서비스 경로 사용시 Full경로가 아닌 PrefixID사용 보안적인 부분도 해결되고 추후 수정도 용이하다. 4. Data.. [넥사크로] 다시 해보기 1. 미리 디자인된 항목 스타일 가져오기복사할 디자인이 적용된 form선택properties에서 css검색 -> 내용 복사적용할 form의 cssclass에 붙여넣기2. TextArea에 색 입히기(데이터 셋에 색 이름이 있을 때)TextArea 컴포넌트 선택Properties의 Bindable에서 background 검색 -> 바인드한 데이터셋과 연결 [넥사크로] 메인 화면 구성 1. Frame Object 1 - 1 ChildFrame - 기본 프레임 - formurl속성에 form 경로를 링크하여 실행 - 상단 TitleBar, 하단 StatusBar로 구성 1 - 2 FrameSet, HFrameSet, VFrameSet - 화면 배열을 위한 프레임 - FrameSet : 하위 프레임 자유 배열 - HFrameSet : 하위 프레임 수직 배열 - VFrameSet : 하위 프레임 수평 배열 1 - 3 MainFrame Application을 구성하는 최상위 프레임 하위에는 FrameSet, VFrameSet, HFrameSet, ChildFrame 중 하나의 프레임만 위치 가능 1 - 4 Frame Template 프레임을 구성하는 템플릿 Full : MainFrame ->.. [넥사크로] 팝업 화면 처리 1. 모달(Modal) 팝업 처리 1 - 1 flow 1) 부모 화면에서 모달 팝업 화면으로 파라미터 전송 2) 모달 팝업 화면에서는 전송된 파라미터 수신 3) 부모 화면에 리턴값을 전달하고 모달 팝업 화면 종료 1 - 2 오픈 스크립트 // ChildFrame 오브젝트 생성 후 초기화 var objChildFrame = new ChildFrame(); objChildFrame.init("chf_popup1" , 0 , 0 , 400 , 350 , null , null , "Form::Form_Popup_Sub.xfdl"); // ChildFrame 드래그 이동 가능 영역 설정 objChildFrame.set_dragmovetype("all"); // 팝업 창 실행 위치(중앙) objChildFrame... 이전 1 2 3 다음
