나는개발자다/GWT 썸네일형 리스트형 GWT Loading spinner css 등을 이용하려 하다가 결국엔 jqury에 있는것을 사용한다. 필요 LIb. HTML 단 modal 기능은 없다. popup을 투명하게 띄우고 loading spiner를 보여주면 된다. 더보기 gwt hr line HorizontalPanel hPanel = new HorizontalPanel(); hPanel.setWidth("100%");hPanel.setBorderWidth(1);hPanel.setHeight("1px"); hPanel.getElement().getStyle().setBackgroundColor("#8adcd8"); result: 더보기 gwt textbox placeholder change color Css에 ::-webkit-input-placeholder { color: #999;}:-moz-placeholder { color: #999;}::-moz-placeholder { color: #999;}:-ms-input-placeholder { color: #999;} /* Different color for some fields */#placeholder-white::-webkit-input-placeholder{ color: #FF0000;}#placeholder-white:-moz-placeholder{ color: #FF0000;}#placeholder-white::-moz-placeholder{ color: #FF0000;}#placeholder-white:-ms-input-placehol.. 더보기 GWT Matrial 디자인. GWT Matrial 디자인으로 웹사이트는 제작할 수 있다.하지만 하이브리드앱은 불가능하다. matrial 디자아니 소스를 총 3군데 찾아냈다. 1. http://www.gwt-material.appspot.com2, https://github.com/vaadin/gwt-polymer-elements/blob/master/README.md3, https://github.com/Baze985/GwtPolymer/tree/master/src/mk/icelabs/gwt/polymer 1번 사이트apk파일을 배포한다. 배포된 apk를 설치해고 실행하면 느리다. 2번 사이트GWT 컴파일이 불안정하다. 컴파일 성공하고 다른 기능 붙혀봤는데 컴파일이 안 된다.Icon이 설정이 안 된다. 3번 사이트완전 GWT 스타일.. 더보기 javascript에서 GWT 메소드 호출방법. 간단하다. ** 대소문자 주의 ** 하단 참고 package com.weebinar.client;public class JSNI { public static void initJsInterface() {exportMyPhoneNumber();}public static native void exportMyPhoneNumber()/*-{ $wnd.myPhoneNumber = @com.weebinar.client.JSNI::myPhoneNumber(*);}-*/; public static void myPhoneNumber(JsArrayMixed args) {Window.alert("I'm JAVA METHOD");Window.alert(args.getString(0));}} JSNI라는 class를 만들었다.그.. 더보기 모바일 웹에서 sms, email 연동시키기. 이래저래 R/D는 안 해봤고 간단히 Anchor component를 사용했다. 1. sms 링크 연결 smsAnchor = new Anchor("SMS로 보내기"){@Override // setEnable(false)의 문제를 이런식으로 해결한다.public void onBrowserEvent(Event event) {switch (DOM.eventGetType(event)) {case Event.ONDBLCLICK:case Event.ONFOCUS:case Event.ONCLICK:if (!isEnabled()) {return;}break;}super.onBrowserEvent(event);}};smsAnchor.addClickHandler(new ClickHandler() {@Overridepubli.. 더보기 서버의 image data를 client에서 보여주기. DB or 서버 파일에 Image 데이터를 GWT의 image 객체에 보여줘야하는 경우가 있다. image를 inputstream으로 읽어봐서 client에 rpc를 이용해서 보내지는 못한다. 이럴 때 Base64를 사용하면 된다. 서버측 코드 private static String convertToBase64(InputStream in) throws IOException {String base64 = Base64.encodeBase64String(IOUtils.toByteArray(in));String imgBase64="http://cfile9.uf.tistory.com/image/214FEB3856EA362E2BDEE4"+base64;return imgBase64;} InputStream은 Imag.. 더보기 gwt label에서 text에 맞게 label width 조절하기. final Label lbl = new Label("0"); Scheduler.get().scheduleDeferred(new ScheduledCommand() { @Override public void execute() { int length = lbl.getElement().getClientWidth()-16; lbl.setWidth(length+"px"); System.out.println(length+"px"); lbl.setHorizontalAlignment(HasHorizontalAlignment.ALIGN_CENTER); } }); 핵심은 Scheduler부분이다. label에 글자수에 따라 lbl.getElement().getClientWidth()의 값1개 : 322개 : 463개 : 5.. 더보기 GWT, TinyMCE Editor 연동. GWT - 2.0.4 Tiny MCE - 3.5.1.1 버전 기준이다. TinyMCEEditor 를 다운 받아 압축을 풀고 Eclipse에서 import를 하면 실행 된다. Dialog에서 TinyMCE를 보여줄 경우 문제가 발생할 수 있다.dialog api 중에 setmodal를 true로 할 경우 tinymce editor에서 font 변경 등의 dropbox가 작동하지 않는다. 주요 알아야 할 내용 이미지에서 빨간색 밑줄만 참고하면 된다. 1. tiny_mce를 다운 받고 war 폴더에 복사한다. 2. TinyMceEditor.html을 열고 를 추가한다. 3. TinyMceMoudle.java 클래스를 생성 한다. public class TinyMceMoudle extends Composite{.. 더보기 GWT를에서 Drag and Drop GWT Dran and Drop site. 처음 접했을 때 소스를 보면서 첨 어렵다고 생각했다. 하지만 몇 년이 지난 지금 일일히 코딩하는거에 비해 너무나 편하다.. ㅋㅋ 당연하다. 일단 GWT Drag and Drop lib를 다운 받자. http://code.google.com/p/gwt-dnd/downloads/list 이 내용은 GWT Drag and Drop 에서 가져온 내용이다. - 사이트 가기 1. 프로젝트 war - lib - jar를 복사한다. 2. 프로젝트 build path에 경로 추가. 3. 4. 셋팅완료 실제 소스 코드를 보자. public void onModuleLoad() { // ensure the document BODY has dimensions in standards m.. 더보기 이전 1 2 다음
