G
G
GWT Wiki
Search…
jqm4gwt

jqm4gwt #

Component

均使用預設的 CSS。

JQMList

clear() 真的是全部清光光,items 跟 dividers 都要重新給。

JQMListItem

JQMListItem
  • setImage()setIcon()setThumbnail() 互斥。
    都有作 setImage(),但是分別有不一樣的 CSS class 設定。
    • setIcon() 的視覺效果好悽慘,這真的能用嗎?
  • 如果所屬的 JQMList 做了 list.getElement().addClassName("jqm4gwt-list-static-item-img-right");
    • addSecondaryImage() / setSecondaryImage() 會跟 setCount() 互斥。
    • 只有最後一個 secondary image 會出現在右邊

Project Setup

官方文件有點殘缺,自己重寫一次...... =="
以下使用 standalone 的方式。
  1. 1.
    pom.xml 加入
    1
    <dependency>
    2
    <groupId>com.sksamuel.jqm4gwt</groupId>
    3
    <artifactId>jqm4gwt-standalone</artifactId>
    4
    <version>1.4.6.Final</version>
    5
    <scope>provided</scope>
    6
    </dependency>
    7
    <dependency>
    8
    <groupId>com.sksamuel.jqm4gwt</groupId>
    9
    <artifactId>jqm4gwt-library</artifactId>
    10
    <version>1.4.6.Final</version>
    11
    </dependency>
    Copied!
    • 官方文件沒有特別註明要加 jqm4gwt-library 這個 dependency
    • jqm4gwt-standalone 一定要在 jqm4gwt-library 前面。
      jqm4gwt-standalone must be the first in java build path order, before jqm4gwt-library
  2. 2.
    foo.gwt.xml 當中加入
    1
    <inherits name='com.sksamuel.Jqm4gwt' />
    Copied!
  3. 3.
    (如果是後來才導入 jqm4gwt)清除 /webapp/foo
  4. 4.
    跑一次 mvn install,這樣產生 /foo 目錄中才會出現 cssjs 的目錄。
  5. 5.
    把產生出來的 /foo 複製回 /webapp/foo

Host Page 調整

解決 mobile device 上頭字體會超級小的問題:
1
<meta name="viewport" content="width=device-width, minimal-ui, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
Copied!

body ###

解決 Safari 無法正常顯示(Chrome / Firefox 都沒問題):
1
<div data-role="page" id="start"></div>
Copied!
Last modified 1yr ago