gwtupload 입력 유형 costum

Question

gwtupload 라이브러리를 사용하여 내 응용 프로그램의 업로드보기를 변경합니다. 기본적으로이 예제에서와 동일하게 구현하고 싶습니다. "Single uploader using a customizable button...".

public class CostumButton extends Composite implements HasClickHandlers { 
    DecoratorPanel widget; 

    public CostumButton() { 
     widget = new DecoratorPanel(); 
     initWidget(widget); 
     widget.setStyleName("costum-Button"); 

     widget.setSize("100%","100%"); 

    } 

    public HandlerRegistration addClickHandler(ClickHandler handler) { 
     return addDomHandler(handler, ClickEvent.getType()); 
    } 


    } 

과 FileUploadFormImplDefault :

// new costum button 
CostumButton button = new CostumButton(); 


// Create a FileUpload widget. 
fileUpload = new SingleUploader(FileInputType.CUSTOM.with(button)); 

fileUpload.setTitle("costumFileUpload"); 

fileUpload.getWidget().setSize("100%", "50px"); 
RootPanel.get().add(fileUpload); 

내 CSS 파일 :

.base-Button:active { 
     position:relative; 
     top:1px; 
     border: none; 
} 

.costum-Button { 
    cursor: pointer; 
    background-color: green; 
    background-image: url("resources/img/button_upload0.png"); 
} 

.custom-Button:hover { 
    background-image: url("resources/img/button_upload0_hover.png");  
} 

모든 것이 업로드 볼 ​​수있는로드 :

그러므로 나는 사용자 정의 버튼 클래스를 보내고있어

uploadForm = new FileUploadFormImplCostum(actionUrl); 
add(uploadForm); 

pplication (디버그 모드에서) 아무것도 표시되지 않습니다. 나는 크롬 디버그 모드로 디버깅하려고하지만, 나의 의상 형태는 없다. 왜 그렇게 확신하지 못합니다. 어떤 도움이든.

// 편집 : 몇 가지 수정 된 버튼과 사용자 정의 버튼이 있습니다. setAutoSubmit (true); "보내기/전송"버튼을 사용할 수 없습니다. 사용 중지는 잘 작동하지만 표시되지 않으므로 공간이 필요합니다. 내 업 로더가 다른 패널 내에 있기 때문에 문제가됩니다. 제출 버튼이 가운데에 있기 때문에 가운데에 놓을 수 없습니다. 그렇다면 어떻게 단추를 삭제하거나 겹칠 수 있습니까? CSS? thx :)

Answer 1

Css 및 postion에서 문제가 해결되었습니다.

힌트 : 한 사람이 앞으로 UploadForm을 사용자 정의하려는 경우 간단한 한 파일 업로드를 위해 clickHanderler를 새 양식 (이미지, 버튼 등)에 추가하는 것이 더 쉽습니다. 기본 업로드 양식. 그런 다음 기본 양식을 표시 영역 밖으로 배치하거나 새롭게 사용자 정의 된 UploadForm 사용자 정의 형식으로 설정 한 다음 css로 아름답게 꾸밀 수 있습니다.

gwtupload 프레임 워크는 매우 훌륭하지만이 간단한 작업을 위해서는 많이 사용해야합니다. 애니메이션 등 multipy fileupload 들어 내가 그것을 권 해드릴 수 있습니다 :)