Как создать динамическую таблицу в 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.


person Trisha    schedule 03.10.2014    source источник
comment
Я не использовал его, но я думаю, что есть классы ActionCell и ButtonCell, которые вы могли бы использовать. Попробуйте поискать в Google один из них и посмотрите, поможет ли это.   -  person britter    schedule 06.10.2014


Ответы (1)


Я знаю, что вы задали этот вопрос более недели назад, но вы все еще можете застрять на нем, так что вот. Вам просто нужно убедиться, что вы поместили правильные биты логики в Presenter и View соответственно.

Принципиально ничем не отличается от MVP (Model-View-Presenter) без GWTP:

Ваш 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 выполняет начальную настройку CellTable и его Column, а также получает данные от Presenter. Здесь я показываю TextColumn и 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>
person slugmandrew    schedule 15.10.2014