如何修改 PagingNavigator 中 Wicket 链接生成的标记？

发布于 2024-10-17 12:13:57 字数 1611 浏览 3 评论 0原文

我正在使用自定义的 PagingNavigator 组件，并且正在寻找一种方法来更改为第一个、上一个和当前页面分页项生成的标记。

这是我的 PaginingNavigator：

 <wicket:panel>
<ul class="pagination">
    <li class="first">
        <a wicket:id="first">&lt;&lt;</a>
    </li>
    <li class="prev">
        <a wicket:id="prev">&#060;</a>
    </li>
    <li wicket:id="navigation" class="page">
        <a wicket:id="pageLink" href="#">
            <span wicket:id="pageNumber">5</span>
        </a>
    </li>
    <li class="dots">...</li>
    <li wicket:id="lastPage" class="jump"></li>
    <li class="next">
        <a wicket:id="next">&#062;</a>
    </li>
    <li class="last">
        <a wicket:id="last">&gt;&gt;</a>    
    </li>
</ul>

在非活动项（最初是前一页、第一页和当前页）的 LI 中生成的标记是这样的：

<span title="Item Title" id="RandomID">
    <em>
      <span>ItemText</span>
    </em>
</span>

这使得以不同方式设置非活动分页项和当前页的内容样式变得非常困难。我希望它为非活动项目输出类似这样的内容：

<a href="#" title=ItemTitle" id="RandomID" class="inactive">ItemText</a>

对于当前页面：

 <a href="#" title=ItemTitle" id="RandomID" class="currentPage">ItemText</a>

我还注意到，当您开始分页结果时，它会将 SPAN 标记插入到 A 标记中，因为这些没有特定的类在它们身上，正确地设计样式变得非常乏味。

我一直在研究我们的代码库，但找不到我们指定这一点的任何地方，但由于我是一名前端人员，所以我很容易忽视这一点。据我所知，它们似乎是标准的 PagingNavigationLinks。

有什么想法吗？

原文

I'm using a customized PagingNavigator component, and I'm looking for a way to change markup generated for the first, previous, and current page paging items.

Here's my PaginingNavigator:

 <wicket:panel>
<ul class="pagination">
    <li class="first">
        <a wicket:id="first"><<</a>
    </li>
    <li class="prev">
        <a wicket:id="prev"><</a>
    </li>
    <li wicket:id="navigation" class="page">
        <a wicket:id="pageLink" href="#">
            <span wicket:id="pageNumber">5</span>
        </a>
    </li>
    <li class="dots">...</li>
    <li wicket:id="lastPage" class="jump"></li>
    <li class="next">
        <a wicket:id="next">></a>
    </li>
    <li class="last">
        <a wicket:id="last">>></a>    
    </li>
</ul>

The markup generated within the LIs of inactive items (initially, the previous, first, and current page) is this:

<span title="Item Title" id="RandomID">
    <em>
      <span>ItemText</span>
    </em>
</span>

This makes it pretty difficult to style the content of inactive paging items and the current page differently. I'd prefer it to output something like this for the inactive items:

<a href="#" title=ItemTitle" id="RandomID" class="inactive">ItemText</a>

and this for the current page:

 <a href="#" title=ItemTitle" id="RandomID" class="currentPage">ItemText</a>

I also noticed that it inserts SPAN tags into the A tags when you start paging through results, and since these don't have particular classes on them, it gets pretty tedious to style correctly.

I've been digging around in our codebase and can't find anywhere that we'd be specifying this, but since I'm a front-end guy, it'd be pretty easy for me to overlook. They seem to be standard PagingNavigationLinks, as far as I can tell.

Any ideas?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

留蓝 2024-10-24 12:13:57

如果您查看此处：

Apache Wicket - 搜索引擎优化

在“使分页无状态”下，您可以了解如何覆盖分页导航的各个部分。

回复收藏 0 原文

云胡 2024-10-24 12:13:57

您可以扩展核心 PagingNavigator：

import org.apache.wicket.markup.html.navigation.paging.IPageable;
import org.apache.wicket.markup.html.navigation.paging.IPagingLabelProvider;
import org.apache.wicket.markup.html.navigation.paging.PagingNavigator;

class MyPagingNavigator extends PagingNavigator {

    public MyPagingNavigator(String id, IPageable pageable) {
        super(id, pageable);
    }

    public MyPagingNavigator(String id, IPageable pageable, IPagingLabelProvider labelProvider) {
        super(id, pageable, labelProvider);
    }



}

然后创建一个 MyPagingNavigator.html，您可以在其中进行更改。但请确保您没有从 MyPagingNavigator.html 中删除任何组件

您可以使用 wicket 源中的原始内容 (src/wicket/src/main/java/org/apache/wicket/markup/html/navigation/paging/ PagingNavigator.html）：

<?xml version="1.0" encoding="UTF-8" ?>
<!--
   Licensed to the Apache Software Foundation (ASF) under one or more
   contributor license agreements.  See the NOTICE file distributed with
   this work for additional information regarding copyright ownership.
   The ASF licenses this file to You under the Apache License, Version 2.0
   (the "License"); you may not use this file except in compliance with
   the License.  You may obtain a copy of the License at

        http://www.apache.org/licenses/LICENSE-2.0

   Unless required by applicable law or agreed to in writing, software
   distributed under the License is distributed on an "AS IS" BASIS,
   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   See the License for the specific language governing permissions and
   limitations under the License.
-->
<html xmlns:wicket>
<body>
  <wicket:panel>
    <a wicket:id="first"><<</a> <a wicket:id="prev"><</a>
    <span wicket:id="navigation">
          <a wicket:id="pageLink" href="#"><span wicket:id="pageNumber">5</span></a>
    </span>
    <a wicket:id="next">></a> <a wicket:id="last">>></a>
  </wicket:panel>
</body>
</html>

You can extend the core PagingNavigator:

import org.apache.wicket.markup.html.navigation.paging.IPageable;
import org.apache.wicket.markup.html.navigation.paging.IPagingLabelProvider;
import org.apache.wicket.markup.html.navigation.paging.PagingNavigator;

class MyPagingNavigator extends PagingNavigator {

    public MyPagingNavigator(String id, IPageable pageable) {
        super(id, pageable);
    }

    public MyPagingNavigator(String id, IPageable pageable, IPagingLabelProvider labelProvider) {
        super(id, pageable, labelProvider);
    }



}

Then you create a MyPagingNavigator.html where you can make your changes. But be sure that you don't remove any components from MyPagingNavigator.html

You can use the original content from the wicket source (src/wicket/src/main/java/org/apache/wicket/markup/html/navigation/paging/PagingNavigator.html):

<?xml version="1.0" encoding="UTF-8" ?>
<!--
   Licensed to the Apache Software Foundation (ASF) under one or more
   contributor license agreements.  See the NOTICE file distributed with
   this work for additional information regarding copyright ownership.
   The ASF licenses this file to You under the Apache License, Version 2.0
   (the "License"); you may not use this file except in compliance with
   the License.  You may obtain a copy of the License at

        http://www.apache.org/licenses/LICENSE-2.0

   Unless required by applicable law or agreed to in writing, software
   distributed under the License is distributed on an "AS IS" BASIS,
   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   See the License for the specific language governing permissions and
   limitations under the License.
-->
<html xmlns:wicket>
<body>
  <wicket:panel>
    <a wicket:id="first"><<</a> <a wicket:id="prev"><</a>
    <span wicket:id="navigation">
          <a wicket:id="pageLink" href="#"><span wicket:id="pageNumber">5</span></a>
    </span>
    <a wicket:id="next">></a> <a wicket:id="last">>></a>
  </wicket:panel>
</body>
</html>

回复收藏 0 原文

年少掌心 2024-10-24 12:13:57

为了解决这个问题，我不得不扩展一些类。特别是，我需要重写的行为
org.apache.wicket.markup.html.link.AbstractLink.disableLink(final ComponentTag tag)

就是在AbstractLink的disableLink函数中，将“a”标签改为“span”，并且去掉了href和onclick属性。我首先回溯到 PagingNavigator 并将其扩展如下：

public class DreamPagingNavigator extends PagingNavigator {

    public DreamPagingNavigator(String id, IPageable pageable) {
        super(id, pageable);
    }

    public DreamPagingNavigator(String id, IPageable pageable, IPagingLabelProvider labelProvider) {
        super(id, pageable, labelProvider);
    }

    @Override
    protected PagingNavigation newNavigation(final String id, final IPageable pageable,
            final IPagingLabelProvider labelProvider) {
        return new DreamPagingNavigation(id, pageable, labelProvider);
    }

    @Override
    protected AbstractLink newPagingNavigationIncrementLink(String id, IPageable pageable,
            int increment) {
        return new DreamPagingNavigationIncrementLink<Void>(id, pageable, increment);
    }

    @Override
    protected AbstractLink newPagingNavigationLink(String id, IPageable pageable, int pageNumber) {
        return new DreamPagingNavigationLink<Void>(id, pageable, pageNumber);
    }

}

对于我的“梦想”主题，这允许我覆盖 newPagingNavigationLink、newPagingNavigationIncrementLink 等。然后，我对 PagingNavigationLink（等）的实现修改了禁用行为，如下所示

public class DreamPagingNavigationLink<T> extends PagingNavigationLink<T> {

    public DreamPagingNavigationLink(String id, IPageable pageable, long pageNumber) {
        super(id, pageable, pageNumber);
    }

    @Override
    protected void disableLink(final ComponentTag tag)
    {
        // if the tag is an anchor proper
        if (tag.getName().equalsIgnoreCase("a") || tag.getName().equalsIgnoreCase("link") ||
            tag.getName().equalsIgnoreCase("area"))
        {
            // Remove any href from the old link
            tag.remove("href");
            tag.remove("onclick");

        }
        // if the tag is a button or input
        else if ("button".equalsIgnoreCase(tag.getName()) ||
            "input".equalsIgnoreCase(tag.getName()))
        {
            tag.put("disabled", "disabled");
        }
    }

}

：将“a”标签更改为“span”，我只是删除了 href 和 onclick 属性。

现在我得到了一个没有 href 的锚标记。

To solve this I had to extend a handful of classes. In particular, I needed to override the behavior of
org.apache.wicket.markup.html.link.AbstractLink.disableLink(final ComponentTag tag)

It's in the disableLink function of AbstractLink that the "a" tag is changed to "span" and the href and onclick attributes are stripped out. I first backtracked to PagingNavigator and extended this as follows:

public class DreamPagingNavigator extends PagingNavigator {

    public DreamPagingNavigator(String id, IPageable pageable) {
        super(id, pageable);
    }

    public DreamPagingNavigator(String id, IPageable pageable, IPagingLabelProvider labelProvider) {
        super(id, pageable, labelProvider);
    }

    @Override
    protected PagingNavigation newNavigation(final String id, final IPageable pageable,
            final IPagingLabelProvider labelProvider) {
        return new DreamPagingNavigation(id, pageable, labelProvider);
    }

    @Override
    protected AbstractLink newPagingNavigationIncrementLink(String id, IPageable pageable,
            int increment) {
        return new DreamPagingNavigationIncrementLink<Void>(id, pageable, increment);
    }

    @Override
    protected AbstractLink newPagingNavigationLink(String id, IPageable pageable, int pageNumber) {
        return new DreamPagingNavigationLink<Void>(id, pageable, pageNumber);
    }

}

For my "Dream" theme, this allowed me to override the newPagingNavigationLink, newPagingNavigationIncrementLink, etc. My implementation for PagingNavigationLink (et. al) then modified the disable behavior, like this:

public class DreamPagingNavigationLink<T> extends PagingNavigationLink<T> {

    public DreamPagingNavigationLink(String id, IPageable pageable, long pageNumber) {
        super(id, pageable, pageNumber);
    }

    @Override
    protected void disableLink(final ComponentTag tag)
    {
        // if the tag is an anchor proper
        if (tag.getName().equalsIgnoreCase("a") || tag.getName().equalsIgnoreCase("link") ||
            tag.getName().equalsIgnoreCase("area"))
        {
            // Remove any href from the old link
            tag.remove("href");
            tag.remove("onclick");

        }
        // if the tag is a button or input
        else if ("button".equalsIgnoreCase(tag.getName()) ||
            "input".equalsIgnoreCase(tag.getName()))
        {
            tag.put("disabled", "disabled");
        }
    }

}

Rather than change the "a" tag to a "span", I just strip out the href and onclick attributes.

Now I get an anchor tag rendered without an href.

回复收藏 0 原文

~没有更多了~