通过ajax提交在列表视图中添加新项目

Question

我正在尝试根据日期创建搜索。 我尝试了很多不同的方法来用listview重绘Ajax表。 当我使用它加载页面时，listview可以正常工作-但当尝试将其添加到ajaxsubmit buttun中时-我已经创建了标记，例如创建了-18新行-但数据不存在。 因此，问题是如何在启用了Ajax的listview标签中添加数据？

===================

final ListView logTableListView = new ListView<SyslogParsed>("List"){

            /**
             * 
             */
            private static final long serialVersionUID = 1L;

            @Override
            protected void populateItem(ListItem<SyslogParsed> item) {
                //SyslogParsed sp = item.getModelObject();
                item.add(new Label("col1"));
                item.add(new Label("col2" ));
                item.add(new Label("col3") );
                item.add(new Label("col4" ));

            }


        };    


    final PropertyModel<List<SyslogParsed>> sysLogPropertyModel =  new     PropertyModel<List<SyslogParsed>>(this, "Dao.findAll");


    wmc.setOutputMarkupId(true);
    wmc.add(logTableListView);
    add(wmc);

    logTableListView.setReuseItems(true);


    sysLogSearchForm.add(new AjaxSubmitLink("submit"){
        private static final long serialVersionUID = 1L;


        @SuppressWarnings("unchecked")
        @Override
        protected void onSubmit(AjaxRequestTarget target, Form<?> form) {

            List<?> allLog =  syslogParsedDao.findAll();

            logTableListView.setList(allLog);               logTableListView.modelChanged();


            target.add(wmc);
        }


    });

===============

 <table class="sortable" wicket:id="listContainer">
               <tr>
                 <th> col 1</th>
                 <th> col2</th>
                 <th>col 3 </th>
                 <th> col 4</th>
               </tr>
               <tr wicket:id="List">
                 <td  wicket:id="col1" > </td>
                 <td wicket:id="col2"> </td> 
                 <td wicket:id="col3"> </td> 
                 <td wicket:id="col4"> </td>
                </tr>
            </table>
    </wicket:extend>

Answer 1

首先检查您的ListView是否分配了一个模型（我认为是，因为显示18行。），然后在populateItem中使用PropertyModel，例如

protected void populateItem(ListItem<SyslogParsed> item) {
  SyslogParsed sp = item.getModelObject();
  item.add(new Label("col1",new PropertyModel<SyslogParsed>(sp, "blabla1")));
  item.add(new Label("col2",new PropertyModel<SyslogParsed>(sp, "blabla2") ));
  item.add(new Label("col3",new PropertyModel<SyslogParsed>(sp, "blabla3")) );
  item.add(new Label("col4",new PropertyModel<SyslogParsed>(sp, "blabla4") ));
}

你也可以使用CompoundPropertyModel

Answer 2

我看不到您实际在哪里设置列表模型。 尝试首先实例化属性模型，然后像构造列表视图

new ListView<SyslogParsed>("List", sysLogPropertyModel )

然后，propertymodel将调用

此实例中的this.getDAO().getFindAll() 。 因此，看起来您将永远找不到数据，而且列表视图没有任何模型对象，也不会通知任何更改。

您可以尝试使用AbstractReadonlyModel

new ListView<SyslogParsed>("List", new AbstractReadOnlyModel<SyslogParsed>() {
          public SyslogParsed getObject() {
                  getSyslogparsedao().findAll();
          }
});

并将listviews容器添加到您的Submit方法中的ajaxrequesttarget中。 每次重新渲染视图时，都会调用模型getObject，并且列表视图将获取刷新的数据。

Answer 3

我没有足够的存储库来投票给您答案-这两个答案实际上都能解决我的问题==这是我所做的-

首先添加了一个虚拟模型

     AbstractReadOnlyModel<List<LogParsed>> emptyListModel = new AbstractReadOnlyModel<List<LogParsed>>(){ 
        @Override public List<logParsed> getObject() { 
     List<logParsed> emptyList = new ArrayList<LogParsed>(); 
        LogParsed sp = new LogParsed(); 

        emptyList.add(sp); return emptyList; 
} };
=====


    final  AbstractReadOnlyModel<List<LogParsed>> listModel =  new  AbstractReadOnlyModel<List<v>>()
        {

            @Override
            public List<LogParsed> getObject() {
                // TODO Auto-generated method stub
                return LogParsed.findAll();
            }
        };   


      final ListView<logParsed> logTableListView = new ListView<logParsed>("logList",emptyListModel ){

            /**
             * 
             */
            private static final long serialVersionUID = 1L;

            @Override
            protected void populateItem(ListItem<logParsed> item) {
                logParsed sp = item.getModelObject();

                item.add(new Label("sdo somthing"," "+ sp.getdosomthing() ));

            }


        };    

        //wmc.setVisible(false); 
        wmc.setOutputMarkupId(true);
        wmc.add(logTableListView);
        add(wmc);

        logTableListView.setList(new ArrayList<logParsed>());
        //logTableListView.setReuseItems(true);

        AjaxSubmitLink aj =  new AjaxSubmitLink("submit"){

            private static final long serialVersionUID = 1L;

            @Override
            protected void onSubmit(AjaxRequestTarget target, Form<?> form) {

                logTableListView.setDefaultModel(listModel );
                logTableListView.modelChanged();
                target.add(wmc);
            }

            @Override
            protected void onError(AjaxRequestTarget arg0, Form<?> arg1) {
                // TODO Auto-generated method stub

            }
    };
        logSearchForm.add(aj);

    return logSearchForm;

}
====

诀窍是在创建列表视图时-必须定义重复项的创建方式-因此，当您在ajaxsubmit中更改模型时-重复元素可以遵循先前的模式。

希望有人会发现这个答案有用