파일, 폴더 다이얼로그를 다루는 예제입니다.
- 설명
-
dx5.create 함수를 사용하여 컴포넌트를 생성할 때, 생성 옵션 중 btnFile, btnFolder 속성을 사용하지 않고 버튼에 바인딩할 수 있습니다.
openFileDialog를 사용하여 파일을 추가할 수 있는 파일 다이얼로그를 보여줄 수 있으며, openFolderDialog를 사용하면 폴더를 선택할 수 있습니다.
두 함수를 사용하여 수동으로 바인딩을 하는 경우, 함수의 반환 값으로부터, 파일 또는 폴더가 선택되어졌는지 확인이 가능합니다.
선택 여부는 사용자의 액션만 해당합니다. 만일 필터에 의해 등록이 거부된 경우라도 사용자가 선택한 대상이므로 true가 반환됩니다.
<button id="btn-add-files" onclick="addFiles();">파일 추가</button> <button id="btn-add-folder" onclick="addFolder();">폴더 추가</button> ... function addFiles() { var dx = dx5.get("dext5"); if (dx.openFileDialog() == false) { alert("선택된 파일이 없습니다."); } } function addFolder() { var dx = dx5.get("dext5"); if (dx.openFolderDialog() == false) { alert("선택된 폴더가 없습니다."); } }
필요에 따라, 두 다이얼로그 창의 타이틀 메시지를 변경할 수 있습니다.
// 파일 다이얼로그의 타이틀 메시지를 반환합니다. var fileTitle = dx.getFileDialogTitle(); // 파일 다이얼로그의 타이틀 메시지를 변경합니다. dx.setFileDialogTitle("설계도를 선택하세요."); // 폴더 다이얼로그의 타이틀 메시지를 반환합니다. var folderTitle = dx.getFolderDialogTitle(); // 폴더 다이얼로그의 타이틀 메시지를 변경합니다. dx.setFolderDialogTitle("설계도 폴더를 선택하세요.");
- 예제
-
파일 다이얼로그 타이틀 명을 변경할 수 있습니다.
폴더 다이얼로그 타이틀 명을 변경할 수 있습니다.