最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

如何调整wicket的PagingNavigator的html输出_html/css_WEB-ITnose

来源:懂视网 责编:小采 时间:2020-11-27 16:33:38
文档

如何调整wicket的PagingNavigator的html输出_html/css_WEB-ITnose

如何调整wicket的PagingNavigator的html输出_html/css_WEB-ITnose:这是默认模板: << < 5 > >> 当然最外围的tag由该组件的模板决定。比如外围用div: 现在假设需要purecss样式的pagingNavigator,它的html如下: « 1 2 3 4 5 » 可见两者的差别还是不少。让我们看看可能的
推荐度:
导读如何调整wicket的PagingNavigator的html输出_html/css_WEB-ITnose:这是默认模板: << < 5 > >> 当然最外围的tag由该组件的模板决定。比如外围用div: 现在假设需要purecss样式的pagingNavigator,它的html如下: « 1 2 3 4 5 » 可见两者的差别还是不少。让我们看看可能的

这是默认模板:

	<<	<	5	>	>>

当然最外围的tag由该组件的模板决定。比如外围用div:

现在假设需要purecss样式的pagingNavigator,它的html如下:

 
  • «
  • 1
  • 2
  • 3
  • 4
  • 5
  • »
  • 可见两者的差别还是不少。让我们看看可能的方法:

    1、新建一个类,继承PagingNavigator。

    比如类名称是PagingNavigator,然后建立对应的模板文件PagingNavigator.html,内容如下:

     
  • «
  • «
  • »
  • »
  • 这样子画出来的PagingNavigator的就是purecss样式的。但是还需要完善,当前页的样式,没有最后一页的时候按钮应该disabled。也就是说根据当前页的情况需要添加pure-button-disabled,或者pure-button-active样式。

    为了达成这个功能,我们需要更深的探究PagingNavigator类,看看哪里可以实现这个功能。

    对照上面的模板,其中wicket:id="navigation"对应的是PagingNavigation组件,其中有一个方法是:

    @Override	protected void populateItem(final LoopItem loopItem)	{	// Get the index of page this link shall point to	final long pageIndex = getStartIndex() + loopItem.getIndex();	// Add a page link pointing to the page	final AbstractLink link = newPagingNavigationLink("pageLink", pageable, pageIndex);	link.add(new TitleAppender(pageIndex));	loopItem.add(link);	// Add a page number label to the list which is enclosed by the link	String label = "";	if (labelProvider != null)	{	label = labelProvider.getPageLabel(pageIndex);	}	else	{	label = String.valueOf(pageIndex + 1);	}	link.add(new Label("pageNumber", label));	}

    其中TitleAppender用来添加link的title属性,这样鼠标移到上面的时候就会提示,比如goto 2 page等等。接下来是label,就是pageNumber对应的组件。

    可以通过复写这个方法,根据情况对label进行修饰(AttributeModifier),最终达到需要的效果。

    文档

    如何调整wicket的PagingNavigator的html输出_html/css_WEB-ITnose

    如何调整wicket的PagingNavigator的html输出_html/css_WEB-ITnose:这是默认模板: << < 5 > >> 当然最外围的tag由该组件的模板决定。比如外围用div: 现在假设需要purecss样式的pagingNavigator,它的html如下: « 1 2 3 4 5 » 可见两者的差别还是不少。让我们看看可能的
    推荐度:
    标签: html 怎样 分页
    • 热门焦点

    最新推荐

    猜你喜欢

    热门推荐

    专题
    Top