GWTP에서 동적 테이블을 만드는 방법

트리샤

저는 새로운 GWTP 사용자이고 GWTP에서 테이블을 만드는 방법을 잘 모르겠습니다. GWT에서 만드는 방법을 알고 있습니다.

// Create a CellTable.
CellTable<Contact> table = new CellTable<Contact>();
// Create name column.
TextColumn<Contact> nameColumn = new TextColumn<Contact>() {
  @Override
  public String getValue(Contact contact) {
    return contact.name;
  }
};

그러나 이것은 GWTP에서 작동하지 않는 것 같습니다. 누군가 GWTP 프로그램에서 버튼을 눌러 값을 얻는 데 도움을 줄 수 있습니까?

민달팽이

나는 당신이 일주일 전에이 질문을 한 것을 알고 있지만 여전히 그것에 갇혀있을 수 있으므로 여기에 있습니다. PresenterView각각 에 올바른 논리를 입력했는지 확인하기 만하면 됩니다.

원칙적으로 GWTP가없는 MVP (Model-View-Presenter)와 다르지 않습니다.

귀하는 Presenter을 채우기 위해 데이터를 가져 오는 일이있다 CellTable, 그리고 그것을 통과를 View:

public class TablePresenter extends Presenter<TablePresenter.MyView, TablePresenter.MyProxy>
{
    public interface MyView extends View
    {
        void addData(List<Contact> accounts); // pass data to view
    }

    // proxy and constructor omitted for brevity...

    @Override
    protected void onReveal()
    {
        super.onReveal();

        // server action to get contacts
        dispatchAsync.execute(new GetContacts(), new AsyncCallback<GetContactsResult>()
        {
            @Override
            public void onSuccess(GetContactsResult result)
            {                   
                getView().addData(result.getContacts());
            }
        });
    }
}

귀하는 View처음에 설정하는 작업이 CellTableColumn들뿐만 아니라에서 데이터를 수신 Presenter. 여기에 a TextColumn와 a를 Column사용하여 보여줍니다 ButtonCell.

public class TableView extends View implements TablePresenter.MyView
{
    @UiField
    CellTable<Contact> table;

    // use a dataprovider to hold the data
    private ListDataProvider<Contact> dataProvider = new ListDataProvider<Contact>();

    // COLUMNS
    TextColumn<Contact> nameColumn;
    Column<Contact, String> buttonColumn;

    @Inject
    public AccountsView(Binder uiBinder)
    {
        initWidget(uiBinder.createAndBindUi(this));

        initTable();
    }

    private void initTable()
    {
        nameColumn = new TextColumn<Contact>()
        {
            @Override
            public String getValue(Contact object)
            {
                return object.name;
            }
        };
        // now add the column to the table
        table.addColumn(nameColumn, "Name");

        buttonColumn = new Column<Contact, String>(new ButtonCell())
        {
            // the text of the button
            @Override
            public String getValue(Contact object)
            {
                return "Delete " + object.name;
            }
        };

        // set the button action
        deleteColumn.setFieldUpdater(new FieldUpdater<Contact, String>()
        {
            @Override
            public void update(int index, Contact object, String value)
            {
                // whatever you want to do when you click the button
                Window.alert("You pressed " + object.name);
            }
        });
        fileTable.addColumn(deleteColumn);

        // link dataprovider to the table
        dataProvider.addDataDisplay(table);
    }

    @Override
    public void addData(List<Contact> contacts)
    {
        // clear the dataProvider's list
        dataProvider.getList().clear();

        // pass the data into the list
        dataProvider.setList(contacts);

    }

}

그런 다음 UiBinder에서 :

<g:HTMLPanel>
    <b:CellTable ui:field="table" />
</g:HTMLPanel>

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

R에서 동적 HTML 테이블을 만드는 방법

분류에서Dev

Unity에서 동적 테이블을 만드는 방법

분류에서Dev

SQL에서 다른 테이블의 데이터에서 동적 테이블을 만드는 방법

분류에서Dev

동적 목록에서 임시 테이블을 만드는 방법

분류에서Dev

div 내부에 동적 열이있는 HTML 테이블을 만드는 방법

분류에서Dev

angularjs에서 동적 열 테이블을 만드는 방법과 바인딩하는 방법

분류에서Dev

SQL에서 동적 테이블과 테이블을 결합하는 방법

분류에서Dev

SQL에서 동적 테이블과 테이블을 결합하는 방법

분류에서Dev

React에서 동적 테이블을 렌더링하는 방법

분류에서Dev

테이블에서 누락 된 데이터 행을 동적으로 채우는 뷰를 만드는 방법

분류에서Dev

JSP 페이지에서 테이블의 행과 열을 동적으로 만드는 방법

분류에서Dev

Java를 사용하여 Word 문서에서 동적 테이블을 만드는 방법

분류에서Dev

키에 따라 React JS에서 동적 테이블을 만드는 방법은 무엇입니까?

분류에서Dev

주어진 행의 html 테이블에 입력 필드가있는 동적 행을 만드는 방법

분류에서Dev

Room에서 동적으로 새 테이블을 만드는 방법은 무엇입니까?

분류에서Dev

각도 js에서 헤더를 사용하여 동적 테이블을 만드는 방법

분류에서Dev

동적 테이블을 만드는 방법

분류에서Dev

동적 테이블을 만드는 방법

분류에서Dev

옥으로 동적 테이블을 만드는 방법

분류에서Dev

Mysql에서 메인 테이블의 필드를 이름으로 동적으로 테이블을 만드는 방법은 무엇입니까?

분류에서Dev

동적 hdfs 디렉토리에 분할 된 하이브 테이블을 만드는 방법

분류에서Dev

Tcl에서 동적 변수 이름을 만드는 방법

분류에서Dev

NodeJ에서 동적 개체 이름을 만드는 방법

분류에서Dev

Excel에서 동적 드롭 목록을 만드는 방법

분류에서Dev

AngularJS에서 테이블 셀 색상을 동적으로 변경하는 방법

분류에서Dev

Vue + Element UI : 테이블에서 동적 툴팁을 사용하는 방법

분류에서Dev

jquery 테이블에서 행 색상을 동적으로 설정하는 방법

분류에서Dev

jquery 테이블에서 행 색상을 동적으로 설정하는 방법

분류에서Dev

pdfkit을 사용하여 동적 테이블을 만드는 방법

Related 관련 기사

  1. 1

    R에서 동적 HTML 테이블을 만드는 방법

  2. 2

    Unity에서 동적 테이블을 만드는 방법

  3. 3

    SQL에서 다른 테이블의 데이터에서 동적 테이블을 만드는 방법

  4. 4

    동적 목록에서 임시 테이블을 만드는 방법

  5. 5

    div 내부에 동적 열이있는 HTML 테이블을 만드는 방법

  6. 6

    angularjs에서 동적 열 테이블을 만드는 방법과 바인딩하는 방법

  7. 7

    SQL에서 동적 테이블과 테이블을 결합하는 방법

  8. 8

    SQL에서 동적 테이블과 테이블을 결합하는 방법

  9. 9

    React에서 동적 테이블을 렌더링하는 방법

  10. 10

    테이블에서 누락 된 데이터 행을 동적으로 채우는 뷰를 만드는 방법

  11. 11

    JSP 페이지에서 테이블의 행과 열을 동적으로 만드는 방법

  12. 12

    Java를 사용하여 Word 문서에서 동적 테이블을 만드는 방법

  13. 13

    키에 따라 React JS에서 동적 테이블을 만드는 방법은 무엇입니까?

  14. 14

    주어진 행의 html 테이블에 입력 필드가있는 동적 행을 만드는 방법

  15. 15

    Room에서 동적으로 새 테이블을 만드는 방법은 무엇입니까?

  16. 16

    각도 js에서 헤더를 사용하여 동적 테이블을 만드는 방법

  17. 17

    동적 테이블을 만드는 방법

  18. 18

    동적 테이블을 만드는 방법

  19. 19

    옥으로 동적 테이블을 만드는 방법

  20. 20

    Mysql에서 메인 테이블의 필드를 이름으로 동적으로 테이블을 만드는 방법은 무엇입니까?

  21. 21

    동적 hdfs 디렉토리에 분할 된 하이브 테이블을 만드는 방법

  22. 22

    Tcl에서 동적 변수 이름을 만드는 방법

  23. 23

    NodeJ에서 동적 개체 이름을 만드는 방법

  24. 24

    Excel에서 동적 드롭 목록을 만드는 방법

  25. 25

    AngularJS에서 테이블 셀 색상을 동적으로 변경하는 방법

  26. 26

    Vue + Element UI : 테이블에서 동적 툴팁을 사용하는 방법

  27. 27

    jquery 테이블에서 행 색상을 동적으로 설정하는 방법

  28. 28

    jquery 테이블에서 행 색상을 동적으로 설정하는 방법

  29. 29

    pdfkit을 사용하여 동적 테이블을 만드는 방법

뜨겁다태그

보관