본문 바로가기

TechTip

 (32)
Base (기본 공통함수 include) 샘플개요 자주 사용하는 기본 공통함수 입니다. xjs 파일에 작성되어 Form 에 include 하여 사용합니다. 이후 Array,String,Number,Date 의 함수모음이 Include(xjs) 방식으로 게시 될 것입니다. Include(xjs) 방식이 모두 게시된 후 Object(js) 방식으로 재작성하여 게시될 예정입니다. lib_base.xjs는 자주 사용되는 공통함수로 다른 라이브러리에서도 참조하여 사용될 예정입니다. lib_base.xjs를 제외한 다른 라이브러리는 상호 참조하지 않으며 독립된 라이브러리로 사용 가능합니다. 사용방법 1. 제공된 파일 lib_base.xjs - 기본 유틸함수가 정의된 파일입니다. base.xfdl - 기본 유틸함수 사용샘플 화면파일입니다. 2. 함수 리스트..
Check Combo Component (체크콤보 기능을 구현한 사용자 컴포넌트) 샘플개요 Check Combo 기능을 xmodule 형태로 만든 사용자 컴포넌트 예시입니다. xmodule로 컴포넌트를 구현하기 위한 기본 구성으로 되어있습니다. value property에 데이터셋을 bind할 수 있습니다. Check Combo를 구성하기 위한 checkdataset(innerdataset)을 설정할 수 있습니다. 사용방법 1. 제공된 파일 checkcombocomponent.xfdll - 기능을 테스트하기 위한 예시화면 입니다. checkcombo.zip - checkcombo 기능을 구현한 xmodule 프로젝트 파일입니다. checkcombo.xmodule - checkcombo를 프로젝트에 설치하기 위한 xmodule입니다. 2. 구현기능 리스트 구분 명칭 기능 Property..
Month Calendar (년월을 팝업으로 선택 할 수 있는 캘린더) 샘플개요 년월로 설정 할수 있는 달력을 구성하는 함수 예시 입니다. 월달력을 구성하는 기본 함수로 되어있으며 필요에 따라 확장 할 수 있습니다. 드롭다운 팝업의 경우 디자인 변경이 쉽도록 별도의 폼으로 구성되어있습니다. 사용방법 1. 제공된 파일 monthcalendar.xfdll - Month Calendar를 구성하기 위한 컴포넌트 배치와 스크립트가 포함되어있습니다. monthcalendar_inner.xfdl - Month Calendar Dropdown 팝업을 구성하기 위한 컴포넌트가 배치되어 있습니다. 2. 화면 동작 가이드 #1. 화면 온로드시 Month Calendar 초기화가 실행 됩니다. #2. Month Calendar 버튼을 클릭 시 PoupDiv가 호출되며 월달력 팝업이 표현됩니다...
Grid CheckBox No Dataset (그리드의 Checkbox를 Dataset 없이 사용하기) 샘플개요 그리드의 체크박스를 Dataset 연결 없이 사용할수 있는 함수 예시입니다. 그리드의 RowType 변경 없이 체크박스를 사용하고자 할 경우 활용 가능합니다. 전체 체크/체크해제 기능이 포함 되어있으며 필요에 따라 수정 가능합니다. 사용방법 1. 제공된 파일 gridchecknodataset.xfdll - Grid Check Box No Dataset를 구성하기 위한 컴포넌트 배치와 스크립트가 포함되어있습니다. 2. 화면 동작 가이드 #1. 화면 온로드시 Grid CheckBox No Dataset 초기화가 실행 됩니다. #2. 그리드 [팀명] 컬럼을 수정시 [상태] 컬럼이 수정으로 변경 됩니다. #3. 그리드 Body의 CheckBox 값을 변경 시 [상태] 컬럼이 변경되지 않습니다. #4. ..
Check Combo (체크박스를 통해 다중 선택할수 있는 콤보) 샘플개요 체크박스를 통해 다중 선택할 수 있는 콤보를 구성하는 함수 예시 입니다. 체크 콤보를 구성하는 기본 구성으로 되어있으며 필요에 따라 확장하여 구현할 수 있습니다. Edit, Button, PopupDiv, Grid 컴포넌트로 구성되어있습니다. 사용방법 1. 제공된 파일 checkcombo.xfdll - Check Combo를 구성하기 위한 컴포넌트 배치와 스크립트가 포함되어있습니다. 2. 화면 동작 가이드 #1. 화면 온로드시 Check Combo를 초기화가 실행 됩니다. #2. Check Combo 버튼을 클릭 시 PoupDiv가 호출되며 체크리스트가 표현됩니다. #3. 선택된 CheckBox에 따라 값이 설정되며 Edit의 onchanged 이벤트가 발생되며 Code, Data 값을 확인 할..
단일 다중 정렬 적용하기 2 (다중정렬 팝업편집 추가) 샘플개요 Grid 컴포넌트의 헤더를 클릭하면 해당 컬럼이 정렬됩니다. 이미 정렬된 컬럼을 다시 클릭하면 반대의 상태로 정렬됩니다. 사용자가 shift나 ctrl 키를 누른채 헤더를 클릭하면 다중정렬이 실행됩니다. 기존 샘플에 옵션을 두어 헤더에서 마우스 우 클릭 하였을 때 정렬 메뉴 및 다중정렬을 팝업으로 사용 할 수 있도록 추가하였습니다. 사용방법 1. 제공된 파일 gridsortpop.xfdl - 사용될 컴포넌트가 배치되며 사용할 옵션을 설정하여 결과를 확인하는 화면 예제 폼 파일 gridsortpop.xjs - Grid 정렬에 사용될 로직이 작성된 스크립트 파일 sortPopup.xjs - 다중정렬 팝업화면 예제 폼 파일 2. 화면 동작 가이드 #1. Grid 헤더를 클릭하면 컬럼 단위로 단일 정렬..
Grid Html Print (그리드를 html로 출력하는 함수) 샘플개요 Grid의 데이터를 HTML페이지로 만들어 출력하는 함수입니다. 간단한 출력의 경우 별도의 레포팅툴 없이 Grid를 HTML로 출력할 수 있습니다. 필요한 상황에 맞춰 스크립트를 구성하여 HTML로 출력 할 수 있습니다. 사용방법 1. 제공된 파일 gridhtmlprint.xfdl - Grid를 HTML로 출력하기 위한 컴포넌트 배치와 스크립트가 포함되어 있습니다. grid_expr.xcss - 그리드의 특정 컬럼의 디자인 적용을 위한 CSS가 포함되어 있습니다. 2. 화면 동작 가이드 #1-1. 크롬 실행 시 : 출력 버튼 클릭 시 크롬에서 제공하는 출력 미리보기 화면이 실행됩니다. #1-2. 크롬 이외의 브라우저에서 실행 시 : HTML 팝업이 호출되며 브라우저 프린터 화면이 실행됩니다. 테..
Category Grid (Drag&Drop을 이용한 tree 동적 구성 하는 함수) 샘플개요 Grid와 Div를 이용하여 Tree Grid를 동적으로 구성하는 예제입니다. Grid와 Button(리스트 아이템)을 Drag & Drop하여 Tree가 동적으로 구성되도록 되어있습니다. Button간에 Drag & Drop 발생 시 Tree의 순서가 변경되도록 구성되어 있습니다. Button이 Div영역 밖으로 Drop되었을 경우 Tree에서 제외 되도록 구성되어 있습니다. 사용방법 1. 제공된 파일 categorygrid.xfdl - Category Grid를 만들기 위한 컴포넌트 배치와 스크립트가 포함되어 있습니다. 2. 화면 동작 가이드 #1. 화면 온로드시 Category Grid 초기화가 실행됩니다. #2. Grid Head영역, Div영역을 Drag & Drop하면 Div에 포함된..

티스토리툴바