Wicket ajax调用不呈现我的新组件

Question

希望你能帮我解决这个问题，因为它已经困扰我几天了。

我对页面的标记:[表]

我的自定义DataTable扩展Java代码（扩展以确保添加了所有outputMarkUp):@override protected void onInitialize（）{super.onInitialize（）；this.addtopToolbar（新的NavigationToolbar（this））；this.addtopToolbar（新的HeaderStoolbar<>（this,（ISortableDataProvider）this.getDataProvider（）））；this.addbottomToolbar（新的NoRecordsToolbar（this））；

@Override
public void renderHead(IHeaderResponse response) {
    super.renderHead(response);
    response.render(CssReferenceHeaderItem.forReference(WarehouseToolbarCssReference.get()));
}

@Override
protected Item<T> newRowItem(String id, int index, IModel<T> model) {
    Item<T> item = super.newRowItem(id, index, model);
    this.lastId = Integer.valueOf(id);
    item.setMarkupId(this.getId() + item.getId());
    return item;
}

第一列使用自定义面板来填充列中的单元格，但经过大量尝试和测试后，我实际上最终使用了来自Wicket本身的常规节点：

<wicket:panel xmlns:wicket="http://wicket.apache.org">
    <a wicket:id="junction"></a>
    <span wicket:id="content" class="tree-content">[content]</span>
cellspacing="0" wicket:id="reasonData">[Reason data]</table>-->
</wicket:panel>

最后，创建新行并填充必要数据（它本身就是一个新的DataTable）以及填充Ajax-target的代码：

    public void onClick(AjaxRequestTarget target) {
      Integer currentRowIndex = Integer.valueOf(this.findParent(Item.class).findParent(Item.class).getId());
      String rowId = this.findParent(Item.class).findParent(Item.class).getMarkupId();
      Item<IColumn<OldOrder, String>> newChild = null;

      this.dataTable.setVisible(true);

      newChild = new Item<>(String.valueOf(this.findParent(DataTable.class).getLastId() + 1), currentRowIndex * -1, null);
      newChild.setOutputMarkupId(true);

      target.prependJavaScript(String.format("var item=document.createElement(\"tr\"); item.id=\"%s\"; $(\"#%s\").after(item);", newChild.getId(), rowId));

      this.populateChildRow(newChild);    // This is where the new row gets filled with the new data

      Component rows = this.findParent(DataTable.class).getBody().get("rows");
      if (rows instanceof WebMarkupContainer) {
        ((WebMarkupContainer)rows).add(newChild);
      }
      target.add(this.findParent(DataTable.class).getBody());
    }
// This is where the new row gets filled with the new data
    private void populateChildRow(Item<IColumn<ParentClass>, String>> item) {
      RepeatingView cells = new RepeatingView("cells"){
        @Override   // Overridden to check if this gets executed... it doesn't
        protected void onAfterRender() {
          super.onAfterRender();
          String stop = "STOP";
        }
      };

      item.add(cells);

      Item<?> cellItem = new Item<>("arbitrary", 1, null);
      cells.add(cellItem);

      cells.setVisible(false);
      cells.setOutputMarkupId(true);
      cells.add(AttributeAppender.append("colspan", this.findParent(DataTable.class).getColumns().size()));

      this.dataTable.setOutputMarkupId(true);
      cellItem.add(this.dataTable);   // The DataTable with the child data
    }

除了我应该清除一些代码之外，子数据永远不会呈现。有人能解释一下吗？

Answer 1

我建议始终使用JavaScript，即创建一个新的，然后用JS填充它。完全不要使用Wicket的项。

单击展开链接时，执行类似target.appendJavaScript（“yourownfunction('”+link.getmarkupid()+“‘,”+somedataasjson+“）”）；的操作。因此yourownfunction()将使用链接id查找其最近的父级，然后使用JS可以在其后面追加新行。一旦创建了行，您就可以根据需要使用带有数据的JSON来填充它。