ed void updateAjaxAttributes（AjaxRequestAttributes 属性）{ super.updateAjaxAttributes（attributes）； attributes.getAjaxCallListeners（）.add（新建） DisableComponentListener（citysTable））； } }); //新城市连接线 AjaxLink newCityLink=newCityLink（“newCity”，repoCitys）； //城市表 citysTable=新的citysTable面板（“citysTable”，repacity）； setOutputMarkupId（true）； //添加组件 添加（filteringForm、newCityLink、numberOfNodes、citysTable）； } 私有void过滤器citysajax（AjaxRequestTarget目标，字符串状态）{ 过滤结果（）的方法； //重新呈现表组件 CitysTablePanel CityStableNew=新的CitysTablePanel（“CitysTable”，citys）； cityTableNew.setOutputMarkupId（true）； cityTableNew.setVisibilityAllowed（true）； cityTableNew.setVisible（true）； citytable.replacetwith（cityTableNew）； target.add（cityTableNew）； citytable=cityTableNew； appendJavaScript（CortexWebUtil.TABLE\u奇偶行）； } 私有AjaxLink newCityLink（字符串，最终列表城市）{ 最终AjaxLink newCityLink=新AjaxLink（字符串）{ 私有静态最终长serialVersionUID=-5420108740617806989L； @凌驾 public void onClick（最终AjaxRequestTarget目标）{ numberOfNodes.add（新属性修改器（“样式”）， “显示：块”）； target.add（numberOfNodes）； } }; //新城市形象 Image newCityImage=新图像（“newCityIcon”，新 ContextRelativeResource（“/img/new_City_icon.png”）； 添加（newCityLink）； newCityLink.add（newCityImage）； 返回newCityLink； } }

所以MyPage可以工作，但当我在一个新选项卡中打开MyOtherPage链接并触发MyPage中的ajax组件（例如AjaxButton）时，我会得到页面过期错误

为什么会这样？ 我需要使用无状态页面吗？（）

---

为什么在wicket中打开新选项卡中的链接并使用ajax组件会如此困难？我肯定错过了一些东西。

以下是一些可能的原因：

• MyPage无法序列化
  Wicket将有状态页面存储在页面存储中（默认情况下，存储在磁盘中）。稍后，当您单击有状态链接时，Wicket会尝试加载页面。首先，它查看http会话，其中页面保持其活动形式（即未序列化）。如果没有找到，那么Wicket会在磁盘中查找。 Wicket只保留Http会话中最后一个用户请求中使用的页面（以保持较小的内存占用）。通过单击MyOtherPage链接，您将MyOtherPage的一个实例放在Http会话中，而旧实例（MyPage）仅在磁盘中但：如果MyPage未能序列化为字节[]，则无法将其存储在磁盘中，因此以后的请求将因PageExpiredException而失败
  Todo:检查日志中的NotSerializableException，并给出原因的调试消息

• 我的网页太大了
  默认情况下，Wicket在磁盘中的每个用户会话最多写入10M。如果MyPage是2M，MyOtherPage是9M（两种尺寸都很大，但我不知道你的应用程序中会发生什么…），那么保存MyOtherPage将从磁盘中删除MyPage。以后加载MyPage的尝试将失败，出现PageExpiredException
  Todo:查看您对Wicket型号的使用情况

---

NavbarButton刚刚打开了一个新的页面实例，因此Ajax应该继续处理上一个页面和新页面。这确实是页面序列化失败，CitysTablePanel对此负责。将listview更改为dataview（）解决了此问题

public abstract class BasePage extends GenericWebPage<Void> {

private static final long serialVersionUID = 1L;
String username;

public WicketApplication getApp() {
    return WicketApplication.class.cast(getApplication());
}

public BasePage(final PageParameters parameters) {
    super(parameters);

    // Read session data
    cachedUsername = (String)
BasicAuthenticationSession.get().getAttribute("username");

    // create navbar
    add(newNavbar("navbar"));

}

/**
 * @return application properties
 */
public Properties getProperties() {
    return WicketApplication.get().getProperties();
}

/**
 * creates a new {@link Navbar} instance
 *
 * @param markupId
 * The components markup id.
 * @return a new {@link Navbar} instance
 */

protected Navbar newNavbar(String markupId) {
    Navbar navbar = new Navbar(markupId) {
        private static final long serialVersionUID = 1L;

        @Override
        protected TransparentWebMarkupContainer newCollapseContainer(String  
componentId) {
            TransparentWebMarkupContainer container = 
super.newCollapseContainer(componentId);
            container.add(new CssClassNameAppender("bs-navbar-collapse"));
            return container;
        }
    };

    navbar.setPosition(Navbar.Position.TOP);
    // navbar.setInverted(true);

    NavbarButton<Void> myTab = new NavbarButton<Void>(MyPage.class, new  
PageParameters().add("name", "")
            .add("status", "All").add("date", ""), Model.of("My page"));
    NavbarButton<Void> myOtherTab = new NavbarButton<Void>
(MyOtherPage.class, new PageParameters().add("status", "initial")
            .add("date", ""), Model.of("My other page"));


navbar.addComponents(NavbarComponents.transform(
Navbar.ComponentPosition.LEFT, 
myTab, myOtherTab));

    return navbar;
}
}

public class MyPage extends BasePage {
private static final long serialVersionUID = 5772520351966806522L;
@SuppressWarnings("unused")
private static final Logger LOG = LoggerFactory.getLogger(MyPage.class);
private static final Integer DAYS = 270;

private DashboardFilteringPageForm filteringForm;
private CityInitialForm ncForm;
private String CityName;
private String startDate;
private CitysTablePanel citysTable;
private WebMarkupContainer numberOfNodes;

public MyPage(PageParameters parameters) throws ParseException {
    super(parameters);

    // get Citys list from repo
    final List<City> repoCitys = (List<City>) methodToGetCities();

    // select number of nodes
    numberOfNodes = new WebMarkupContainer("numberOfNodes") {
        private static final long serialVersionUID = 5772520351966806522L;
    };
    numberOfNodes.setOutputMarkupId(true);

    ncForm = new CityInitialForm("ncForm");

    // validation
    add(new FeedbackPanel("feedbackPanel")).setOutputMarkupId(true);
    ncForm.getNumberField().setRequired(true);

    ncForm.add(new AjaxButton("ncButton") {
        private static final long serialVersionUID = -6846211690328190809L;

        @Override
        protected void onInitialize() {
            super.onInitialize();
            add(newAjaxFormSubmitBehavior("change"));
        }

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

            // redirect to other page

        }

        @Override
        protected void updateAjaxAttributes(AjaxRequestAttributes 
attributes) {
            super.updateAjaxAttributes(attributes);
            attributes.getAjaxCallListeners().add(new 
DisableComponentListener(citysTable));
        }

    });

    numberOfNodes.add(ncForm);

    // filters
    CityName = parameters.get("name").toString() == null ? "" : 
parameters.get("name").toString();
    startDate = parameters.get("date").toString();

    filteringForm = new DashboardFilteringPageForm("filteringForm") {
        private static final long serialVersionUID = -1702151172272765464L;
    };

    // initialize form inputs
    filteringForm.setCityName(CityName);
    try {
        filteringForm.setStartDate(new SimpleDateFormat("EE MMM dd HH:mm:ss 
z yyyy", Locale.ENGLISH)
                .parse(getStartDate().equals("") ? 
CortexWebUtil.subtractDays(new Date(), DAYS).toString() : getStartDate()));
    } catch (Exception e) {
        setResponsePage(SignInPage.class, new PageParameters());
    }

    filteringForm.add(new AjaxButton("button") {
        private static final long serialVersionUID = -6846211690328190809L;

        @Override
        protected void onInitialize() {
            super.onInitialize();
            add(newAjaxFormSubmitBehavior("change"));
        }

        @Override
        protected void onSubmit(AjaxRequestTarget target, Form<?> paForm) {
            // retrieve Citys
            filterCitysAjax(target, "All");
        }

        @Override
        protected void updateAjaxAttributes(AjaxRequestAttributes 
attributes) {
            super.updateAjaxAttributes(attributes);
            attributes.getAjaxCallListeners().add(new 
DisableComponentListener(citysTable));
        }

    });

    filteringForm.getCityNameTextField().add(new OnChangeAjaxBehavior() {

        private static final long serialVersionUID = 1468056167693038096L;

        @Override
        protected void onUpdate(AjaxRequestTarget target) {
            try {
                filterCitysAjax(target, "All");
            } catch (Exception e) {
                System.out.println(e.getMessage());
            }

        }

        @Override
        protected void updateAjaxAttributes(AjaxRequestAttributes 
attributes) {
            super.updateAjaxAttributes(attributes);
            attributes.getAjaxCallListeners().add(new 
DisableComponentListener(citysTable));
        }
    });

    // new City link
    AjaxLink<Void> newCityLink = newCityLink("newCity", repoCitys);

    // Citys table
    citysTable = new CitysTablePanel("CitysTable", repoCitys);
    citysTable.setOutputMarkupId(true);

    // add components
    add(filteringForm, newCityLink, numberOfNodes, citysTable);

}


private void filterCitysAjax(AjaxRequestTarget target, String status) {

    methodToFilterResults();

    //  re-render table component 
    CitysTablePanel cityTableNew = new CitysTablePanel("CitysTable", citys);
    cityTableNew.setOutputMarkupId(true);
    cityTableNew.setVisibilityAllowed(true);
    cityTableNew.setVisible(true);
    citysTable.replaceWith(cityTableNew);
    target.add(cityTableNew);
    citysTable = cityTableNew;
    target.appendJavaScript(CortexWebUtil.TABLE_ODD_EVEN_ROWS);

}

private AjaxLink<Void> newCityLink(String string, final List<City> Citys) {

    final AjaxLink<Void> newCityLink = new AjaxLink<Void>(string) {
        private static final long serialVersionUID = -5420108740617806989L;

        @Override
        public void onClick(final AjaxRequestTarget target) {
                numberOfNodes.add(new AttributeModifier("style", 
"display:block"));
                target.add(numberOfNodes);
        }
    };

    // new City image
    Image newCityImage = new Image("newCityIcon", new 
ContextRelativeResource("/img/new_City_icon.png"));
    add(newCityLink);
    newCityLink.add(newCityImage);

    return newCityLink;

}

}