UiBinder에서 gwtbootstrap3 캘린더를 사용하는 방법

Ashish

http://gwtbootstrap3.github.io/gwtbootstrap3-demo/#fullcalendar에 언급 된 gwtbootstrap3 fullcalendar 를 UiBinder와 함께 사용할 수 있습니까 ?

UiBinder와 함께 사용하려고하는데 해당 페이지에 아무것도 나타나지 않습니다.

내 UiBinder 클래스에 코드

<!DOCTYPE ui:UiBinder SYSTEM "http://dl.google.com/gwt/DTD/xhtml.ent">
<ui:UiBinder xmlns:ui="urn:ui:com.google.gwt.uibinder"
    xmlns:g="urn:import:com.google.gwt.user.client.ui"
    xmlns:b="urn:import:org.gwtbootstrap3.client.ui.gwt">
    <g:HTMLPanel ui:field="calendarContainer">
    </g:HTMLPanel>
</ui:UiBinder> 

해당 뷰 클래스에 대한 코드

public class EventView extends ReverseCompositeView<IEventView.IEventPresenter> implements IEventView {

    private static EventViewUiBinder uiBinder = GWT.create( EventViewUiBinder.class );

    interface EventViewUiBinder extends UiBinder<Widget, EventView> {
    }

    @UiField
    HTMLPanel calendarContainer;

    @Override
    public void createView() {
        //don't create the view before to take advantage of the lazy loading mechanism
        initializeCalendar();
        initWidget( uiBinder.createAndBindUi( this ) );
    }

    private void initializeCalendar() {
        final FullCalendar fc = new FullCalendar("event-calendar", ViewOption.month, true);
        fc.addLoadHandler(new LoadHandler() {
            @Override
            public void onLoad(LoadEvent loadEvent) {
                addEvents();
            }

            private void addEvents() {
                for (int i = 0; i < 15; i++) {
                    Event calEvent = new Event("id "+ i, "this is event "+i);
                    int day = Random.nextInt(10);
                    Date start = new Date();
                    CalendarUtil.addDaysToDate(start, -1 * day);
                    calEvent.setStart(start);
                    if(i%3 ==0){
                        calEvent.setAllDay(true);
                    }else{
                        Date d = new Date(start.getTime());
                        d.setHours(d.getHours()+1);
                        calEvent.setEnd(d);
                    }
                    fc.addEvent(calEvent);
                }
            }

        });

        calendarContainer.add(fc);
    }


}

mvp4g프레임 워크를 사용하고 있습니다.

이고르 클리 머
initializeCalendar();
initWidget( uiBinder.createAndBindUi( this ) );

먼저 위젯을 초기화 한 다음 캘린더를 초기화해야합니다. 당신이 추가되기 때문입니다 FullCalendar받는 사람 calendarContainer HTMLPanel에서 initializeCalendar. 그리고 호출하기 전에 initWidget, calendarContainer이다 null.

한 단계 더 나아가 다음과 같이 할 수 있다고 생각합니다.

<!DOCTYPE ui:UiBinder SYSTEM "http://dl.google.com/gwt/DTD/xhtml.ent">
<ui:UiBinder xmlns:ui="urn:ui:com.google.gwt.uibinder"
    xmlns:g="urn:import:com.google.gwt.user.client.ui"
    xmlns:b="urn:import:org.gwtbootstrap3.client.ui.gwt"
    xmlns:f="urn:import:org.gwtbootstrap3.extras.fullcalendar">
    <g:HTMLPanel>
        <f:FullCalendar ui:field="fullCalendar" />
    </g:HTMLPanel>
</ui:UiBinder>

그리고 당신의 EventView:

@UiField(provided = true) FullCalendar fullCalendar;

@UiField(provided = true) 호출 하기 전에이 위젯을 초기화하는 것은 사용자에게 달려 있음을 의미합니다 initWidget. 그래서,에 ,이 경우 순서 :

initializeCalendar();
initWidget( uiBinder.createAndBindUi( this ) );

괜찮습니다. 또한 FullCalendar더 이상 패널에을 추가 할 필요가 없습니다. 이미 추가되었으므로 초기화 만하면됩니다.

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

UiBinder에서 gwtbootstrap3 캘린더를 사용하는 방법

분류에서Dev

IE11에서 잘못 렌더링되는 GWTBootstrap3 구성 요소

분류에서Dev

구글 캘린더 API v3 자바에서 setQ () 메소드를 사용하는 방법

분류에서Dev

localhost에서 Google 캘린더 API v3를 테스트하는 방법

분류에서Dev

Selenium Webdriver를 사용하여 캘린더에서 값을 선택하는 방법

분류에서Dev

iOS 앱에서 사용자 캘린더를 표시하는 방법

분류에서Dev

한 페이지에서 여러 Ajax 캘린더를 사용하는 방법

분류에서Dev

xpath를 사용하여 캘린더 값에 액세스 / 선택하는 방법

분류에서Dev

자바에서 캘린더를 표시하는 방법

분류에서Dev

Google 캘린더 API에서 이벤트를 만드는 방법

분류에서Dev

yui3 캘린더에서 특정 날짜를 비활성화하는 방법

분류에서Dev

캘린더 히트 맵에 범례를 추가하는 방법

분류에서Dev

AngularUI 캘린더에 HTML 요소를 추가하는 방법

분류에서Dev

Google Apps Script-고급 캘린더 서비스를 사용하여 여러 속성에서 캘린더 일정을 필터링하는 방법

분류에서Dev

내장 된 캘린더 앱에서 내 앱의 캘린더를 숨기는 방법은 무엇입니까?

분류에서Dev

맞춤형 캘린더에서 이벤트를 렌더링하는 방법

분류에서Dev

PHP를 사용하여 Google 캘린더에서 이벤트를 만드는 방법

분류에서Dev

앱 스크립트를 사용하여 Google 캘린더에서 참석자 목록을 숨기는 방법

분류에서Dev

Google PHP API를 사용하여 다른 사람의 Google 캘린더에 액세스하는 방법

분류에서Dev

FullCalendar를 사용하여 Google 캘린더에 이벤트를 추가하는 방법은 무엇입니까?

분류에서Dev

Android에서 두 날짜 사이의 캘린더 이벤트를 찾는 방법

분류에서Dev

캘린더에 올바른 방법으로 날짜를 추가하는 방법

분류에서Dev

Lightning / Thunderbird에서 누락 된 캘린더 데이터를 복원하는 방법

분류에서Dev

Lightning / Thunderbird에서 누락 된 캘린더 데이터를 복원하는 방법

분류에서Dev

iOS의 캘린더에서 오래된 이벤트를 삭제하는 방법

분류에서Dev

기본 캘린더에서 모든 이벤트를 삭제하는 방법

분류에서Dev

Tktinker를 사용하여 캘린더를 만드는 방법

분류에서Dev

텍스트 상자에 캘린더를 추가하는 가장 좋은 방법

분류에서Dev

내 Windows 스토어 앱에 간단한 캘린더를 추가하는 방법

Related 관련 기사

  1. 1

    UiBinder에서 gwtbootstrap3 캘린더를 사용하는 방법

  2. 2

    IE11에서 잘못 렌더링되는 GWTBootstrap3 구성 요소

  3. 3

    구글 캘린더 API v3 자바에서 setQ () 메소드를 사용하는 방법

  4. 4

    localhost에서 Google 캘린더 API v3를 테스트하는 방법

  5. 5

    Selenium Webdriver를 사용하여 캘린더에서 값을 선택하는 방법

  6. 6

    iOS 앱에서 사용자 캘린더를 표시하는 방법

  7. 7

    한 페이지에서 여러 Ajax 캘린더를 사용하는 방법

  8. 8

    xpath를 사용하여 캘린더 값에 액세스 / 선택하는 방법

  9. 9

    자바에서 캘린더를 표시하는 방법

  10. 10

    Google 캘린더 API에서 이벤트를 만드는 방법

  11. 11

    yui3 캘린더에서 특정 날짜를 비활성화하는 방법

  12. 12

    캘린더 히트 맵에 범례를 추가하는 방법

  13. 13

    AngularUI 캘린더에 HTML 요소를 추가하는 방법

  14. 14

    Google Apps Script-고급 캘린더 서비스를 사용하여 여러 속성에서 캘린더 일정을 필터링하는 방법

  15. 15

    내장 된 캘린더 앱에서 내 앱의 캘린더를 숨기는 방법은 무엇입니까?

  16. 16

    맞춤형 캘린더에서 이벤트를 렌더링하는 방법

  17. 17

    PHP를 사용하여 Google 캘린더에서 이벤트를 만드는 방법

  18. 18

    앱 스크립트를 사용하여 Google 캘린더에서 참석자 목록을 숨기는 방법

  19. 19

    Google PHP API를 사용하여 다른 사람의 Google 캘린더에 액세스하는 방법

  20. 20

    FullCalendar를 사용하여 Google 캘린더에 이벤트를 추가하는 방법은 무엇입니까?

  21. 21

    Android에서 두 날짜 사이의 캘린더 이벤트를 찾는 방법

  22. 22

    캘린더에 올바른 방법으로 날짜를 추가하는 방법

  23. 23

    Lightning / Thunderbird에서 누락 된 캘린더 데이터를 복원하는 방법

  24. 24

    Lightning / Thunderbird에서 누락 된 캘린더 데이터를 복원하는 방법

  25. 25

    iOS의 캘린더에서 오래된 이벤트를 삭제하는 방법

  26. 26

    기본 캘린더에서 모든 이벤트를 삭제하는 방법

  27. 27

    Tktinker를 사용하여 캘린더를 만드는 방법

  28. 28

    텍스트 상자에 캘린더를 추가하는 가장 좋은 방법

  29. 29

    내 Windows 스토어 앱에 간단한 캘린더를 추가하는 방법

뜨겁다태그

보관