[컴][웹] GWT 의 CellList 의 skin 바꾸기, css 입히기

ref.1 , ref.2 를 확인하면 어떻게 적용해야 하는 지 대략적으로 알 수 있을 것이다.


사용 방법

1. css 만들기
2. resource interface 만들기
3. new CellList(..., Resource, ...);

css 만들기

ref. 3 에서 css 를 가져오자.
CellList.css 를 가져오자. 이름은 뭐든지 상관없다. 여기서는 selectBox.css 라는 이름을 사용할 것이다.

resource inteface 만들기

그리고 아래와 같은 interface 를 하나 만들자.

import com.google.gwt.user.cellview.client.CellList;

/**
 * Created by namh on 14. 4. 4.
 */
public interface MyCellListResources extends CellList.Resources {
    @Source({"selectBox.css"})
    @Override
    public CellList.Style cellListStyle();
}

사용

public class DomainListPopupPanel extends SelectBoxPopupPanel {
    ...
    private CellList cellList;

    public DomainListPopupPanel() {
        super(true);
        MyCellListResources res = GWT.create(MyCellListResources.class);
        res.cellListStyle().ensureInjected();

        cellList = new CellList<DomainInfo>(new DomainCell(),
                res,
                DomainInfo.KEY_PROVIDER);

        ...

References

1. How to skin a GWT CellTable | Fancy UI
2. Apply Style to CellList in gwt 2.4.0 - Google 그룹스
3. CellList.css - google-web-toolkit - GWT - Google Project Hosting
4. gwt - How do you change the mouse over highlighting? - Stack Overflow