불친절한자수씨

웹 환경에서 로컬 환경에서 단순 DB 작업을 하고 싶을 때는 Google Gears 의 Database 를 활용합니다.

허나 GWT 에서 쓸려면 라이브러리화 된 것을 사용하면 좀 더 편하겠죠

gwt-google-apis 프로젝트 페이지에 가서 gwt-google-apis-1.0.0.zip 을 다운을 받습니다.

압축을 풀고 gwt-google-apis.jar 파일을 적당한 라이브러리 폴더에 옮긴 후에 모듈 xml 에

다음을 추가합니다.

<module> ... <inherits name="com.google.gwt.gears.Gears" /> ... </module>

그런 후에 개발을 해야겠죠... 저 같은 경우는 간단한 소스로 테스트를 했습니다. more..

로컬 환경에서 열심히 포탈화면을 만들고 테스트를 끝낸 후 서버에 올렸는데...

포틀릿들이 따닥따닥 붙어서 나온다...


ext-all.css 가 변경되었나 봤더니 그런건없다...

한시간 동안 헤메다가 x-portlet 이라는 스타일을 찾아보니 GwtExt.css 에 있다는..

2.0.3 버전으로 버전업 되면서 바뀐듯...


올리지 않은 사람이 죄지요....


이제는 잘되오~ 하하하

한창 CSS Sprites 에 관심을 가지고 gwt-ext 에서 사용할 수 있게 만들었었는데

패널 헤더에 아이콘으로 추가하니 이런식으로 나오는 것이였습니다.

less..

요기에 사용된 png 파일입니다.

less..

엘리먼트 property를 지정해주면 됩니다.

ext:qtip << 이 property 에 지정된 값이 tooltip 으로 표현이 됩니다.

less..

Format.format("<b><a href=\"{0}\" target=\"_blank\" ext:qtip=\"{1}\">{2}</a><b>", new String[] { record.getAsString("url"), DateUtil.format(record.getAsDate("date"), "Y-m-j G:i:s"), record.getAsString("title") });

위와 같이 어떠한 태그의 ext:qtip property 를 지정하면 그것이 툴팁으로 나오게 됩니다.

이렇게~

less..

Text encoding

Specify text encoding with

chd=t:<chart data string>

Where <chart data string> consists of positive floating point numbers from zero (0.0) to 100.0, minus one (-1), and the pipe character (|).

Note:

• Zero (0.0) = 0, 1.0 = 1 and so on up to 100.0 = 100.
• Specify a missing value with minus one (-1).
• If you have more than one set of data, separate each set with a pipe character (|).

For example: chd=t:10.0,58.0,95.0|30.0,8.0,63.0

Note: For text encoding, scale your data by converting it into percentages of the largest value in your data set.

Text encoding with data scaling

Specify text encoding with data scaling with two parameters

chd=t:<chart data string>
chds=<data set 1 minimum value>,<data set 1 maximum value>,<data set n minimum value>,<data set n maximum value>

Where:

• <chart data string> consists of any positive or negative floating point numbers
• <data set 1 minimum value> is the lowest number you want to apply to the first data set
• <data set 1 maximum value> is the highest number you want to apply to the first data set, omit to specify 100
• <data set n minimum value> is the lowest number you want to apply to the nth data set
• <data set n maximum value> is the highest number you want to apply to the nth data set, omit to specify 100

If you supply fewer data scaling parameters than there are data sets the last scaling parameter is applied to the remaining data sets. Provide just one pair of scaling parameters to apply a single range to a chart.

Note:

• This is not available for maps.
• Specify a missing value with a number that is out of range.
• If you have more than one set of data, separate each set with a pipe character (|).

For example: chd=t:30,-60,50,120,80&chds=-80,140

----------------------------------------------------------------------
ㅁ text 타입으로 데이터를 넘길 경우 floating 타입의 0.0 ~ 100.0 과 -1 '|' 로 구성
ㅁ chds 는 범위를 지정하는 듯~?


출처: Google Chart API

Chart size

Specify chart size with chs=<width in pixels>x<height in pixels>

For example, chs=300x200 generates a chart 300 pixels wide and 200 pixels high.

The largest possible area for all charts except maps is 300,000 pixels. As the maximum height or width is 1000 pixels, examples of maximum sizes are 1000x300, 300x1000, 600x500, 500x600, 800x375, and 375x800.

For maps, the maximum size is 440 pixels wide by 220 pixels high.

Pie charts are clipped (only partially visible) if the size specified is too small. General size guidelines for pie charts are:

• a two-dimensional chart needs to be roughly twice as wide as it is high.
• a three-dimensional chart needs to be roughly two and a half times wider than it is high.

chs 파라미터를 통해 width 와 height 픽셀을 지정합니다.

출처: Google Chart API