GWT UiBinder
GWTのUiBinderを使っています。便利だというので。
その割に日本語の情報が少なくて・・・。エラー文とか見ながら試行錯誤です。
いくつか分かったことをメモ。
・<span>や<label>などWidget以外のタグでも、属性にui:Fieldを指定できる。styleNameは使えないので、classを使う。ただし、指定の仕方はstyleNameと同じ。
例えば
<span ui:Field="test" class="{style.test_span}"></span>
みたいな。
・<span>や<label>などのクラス名は、SpanElement、LabelElementといった"タグ名+Element"という命名規則に基づいている。
・<a>のクラス名は、aの正式名称"Anchor"を頭に付けた"AnchorElement"である。
・UiBinderで自作したWidgetに新しい属性をセットするには、javaファイルの方で、setTestなどといったメソッドを作成すればよい。
例:
<f:SpanTest test="テスト"></SpanTest>
public void setTest(String str){
span_element.setInnerText(str);
}
・CSSclassを複数指定したい場合、スペースを開けて記述する。
<span class="{style.test1} {style.test2}">
基本的に、{}で囲んでクラスを指定するだけで、記述の仕方は同じっぽい?
その割に日本語の情報が少なくて・・・。エラー文とか見ながら試行錯誤です。
いくつか分かったことをメモ。
・<span>や<label>などWidget以外のタグでも、属性にui:Fieldを指定できる。styleNameは使えないので、classを使う。ただし、指定の仕方はstyleNameと同じ。
例えば
<span ui:Field="test" class="{style.test_span}"></span>
みたいな。
・<span>や<label>などのクラス名は、SpanElement、LabelElementといった"タグ名+Element"という命名規則に基づいている。
・<a>のクラス名は、aの正式名称"Anchor"を頭に付けた"AnchorElement"である。
・UiBinderで自作したWidgetに新しい属性をセットするには、javaファイルの方で、setTestなどといったメソッドを作成すればよい。
例:
<f:SpanTest test="テスト"></SpanTest>
public void setTest(String str){
span_element.setInnerText(str);
}
・CSSclassを複数指定したい場合、スペースを開けて記述する。
<span class="{style.test1} {style.test2}">
基本的に、{}で囲んでクラスを指定するだけで、記述の仕方は同じっぽい?
