《wicket学习二》&AjaxEventBehaviorExample

最新推荐文章于 2022-08-10 11:49:58 发布

yGIS

最新推荐文章于 2022-08-10 11:49:58 发布

阅读量290

点赞数

分类专栏： JAVA wicket

本文链接：https://blog.csdn.net/u010608964/article/details/89503802

版权

JAVA 同时被 2 个专栏收录

66 篇文章 2 订阅

订阅专栏

wicket

24 篇文章 1 订阅

订阅专栏

今天我们来学习一下这个AjaxEventBehavior。首先来看一下这结果界面，如下图所示。

当点击上面的Click on me后，下面的time前面的数字将会跟着改变。

好了我们来看一下这个html，如下所示。

<html xmlns:wicket="http://wicket.apache.org">
<head>
    <meta charset="utf-8" />
    <title></title>
</head>
<body>

    <div style="width:100%;height:40px;background-color: red" wicket:id="clickCounterLabel"></div>
    User has clicked
    <span style="width:100%;height:40px" wicket:id="clickCounter"></span>
    time/s on the label above.

</body>
</html>

相应的java代码

public class HomePage extends WebPage {
    public HomePage() {
        //super(parameters);

        final ClickCounterLabel clickCounterLabel =
                new ClickCounterLabel("clickCounterLabel", "Click on me!");
        final Label clickCounter
                = new Label("clickCounter", new PropertyModel(clickCounterLabel, "clickCounter"));

        clickCounterLabel.setOutputMarkupId(true);
        clickCounterLabel.add(new AjaxEventBehavior("click"){

            @Override
            protected void onEvent(AjaxRequestTarget target) {
                clickCounterLabel.clickCounter++;
                target.add(clickCounter);
            }
        });

        add(clickCounterLabel);
        add(clickCounter.setOutputMarkupId(true));
    }

    @Override
    protected void onInitialize() {
        super.onInitialize();
    }
}

注意上面的自定义ClickCounterLaber类，如下所示。

public class ClickCounterLabel extends Label {
    public int clickCounter;
    public ClickCounterLabel(String id) {
        super(id);
    }

    public ClickCounterLabel(String id, Serializable label) {
        super(id, label);
    }

    public ClickCounterLabel(String id, IModel<?> model) {
        super(id, model);
    }
}

接下来就是Application了。

public class WicketDemoApplication extends WebApplication {
    @Override
    public Class<? extends Page> getHomePage() {
        return HomePage.class;
    }
}

web.xml文件如下所示。

<web-app>
  <display-name>Archetype Created Web Application</display-name>
  <filter>
    <filter-name>com.wicket</filter-name>
    <filter-class>
      org.apache.wicket.protocol.http.WicketFilter
    </filter-class>
    <init-param>
      <param-name>applicationClassName</param-name>
      <param-value>
        test.WicketDemoApplication
      </param-value>
    </init-param>
  </filter>
  <filter-mapping>
    <filter-name>com.wicket</filter-name>
    <url-pattern>/*</url-pattern>
  </filter-mapping>
</web-app>

顺便也把pom.xml文件也贴上来吧

<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
  xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
  <modelVersion>4.0.0</modelVersion>

  <groupId>test</groupId>
  <artifactId>test</artifactId>
  <version>1.0-SNAPSHOT</version>
  <packaging>war</packaging>

  <name>test Maven Webapp</name>
  <!-- FIXME change it to the project's website -->
  <url>http://www.example.com</url>

  <properties>
    <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
    <maven.compiler.source>1.7</maven.compiler.source>
    <maven.compiler.target>1.7</maven.compiler.target>
  </properties>

  <dependencies>
    <dependency>
      <groupId>junit</groupId>
      <artifactId>junit</artifactId>
      <version>4.11</version>
      <scope>test</scope>
    </dependency>
    <dependency>
      <groupId>org.apache.wicket</groupId>
      <artifactId>wicket-core</artifactId>
      <version>7.4.0</version>
    </dependency>
    <dependency>
      <groupId>org.slf4j</groupId>
      <artifactId>slf4j-api</artifactId>
      <version>1.7.6</version>
      <scope>provided</scope>
    </dependency>
  </dependencies>

  <build>
    <finalName>test</finalName>
    <pluginManagement><!-- lock down plugins versions to avoid using Maven defaults (may be moved to parent pom) -->
      <plugins>
        <plugin>
          <artifactId>maven-clean-plugin</artifactId>
          <version>3.1.0</version>
        </plugin>
        <!-- see http://maven.apache.org/ref/current/maven-core/default-bindings.html#Plugin_bindings_for_war_packaging -->
        <plugin>
          <artifactId>maven-resources-plugin</artifactId>
          <version>3.0.2</version>
        </plugin>
        <plugin>
          <artifactId>maven-compiler-plugin</artifactId>
          <version>3.8.0</version>
        </plugin>
        <plugin>
          <artifactId>maven-surefire-plugin</artifactId>
          <version>2.22.1</version>
        </plugin>
        <plugin>
          <artifactId>maven-war-plugin</artifactId>
          <version>3.2.2</version>
        </plugin>
        <plugin>
          <artifactId>maven-install-plugin</artifactId>
          <version>2.5.2</version>
        </plugin>
        <plugin>
          <artifactId>maven-deploy-plugin</artifactId>
          <version>2.8.2</version>
        </plugin>
      </plugins>
    </pluginManagement>
    <resources>
      <resource>
        <filtering>false</filtering>
        <directory>src/main/resources</directory>
      </resource>
      <resource>
        <filtering>false</filtering>
        <directory>src/main/java</directory>
        <includes>
          <include>**</include>
        </includes>
        <excludes>
          <exclude>**/*.java</exclude>
        </excludes>
      </resource>
    </resources>
  </build>
</project>

yGIS

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
0
评论
《wicket学习二》&AjaxEventBehaviorExample

今天我们来学习一下这个AjaxEventBehavior。首先来看一下这结果界面，如下图所示。当点击上面的Click on me后，下面的time前面的数字将会跟着改变。好了我们来看一下这个html，如下所示。<html xmlns:wicket="http://wicket.apache.org"><head> <meta c...
复制链接

扫一扫