码迷,mamicode.com
首页 > Web开发 > 详细

调整wicket DataTable的表格输出html

时间:2015-01-05 09:41:01      阅读:235      评论:0      收藏:0      [点我收藏+]

标签:

方法1:

继承DefaultDataTable,并且提供自己的html模板。

方法2:

继承DefaultDataTable,在构造函数中添加AttributeModifier,这样不用提供html模板,模板自动继承自DefaultDataTable.html

关于Odd,Even。也就是表格提供斑马效果,可以复写DefaultDataTable的newRowItem方法:

@Override
	protected Item<T> newRowItem(final String id, final int index, final IModel<T> model)
	{
		return new OddEvenItem<T>(id, index, model);
	}
	
	//OddEvenItem的内容:
		@Override
	protected void onComponentTag(ComponentTag tag)
	{
		super.onComponentTag(tag);
		tag.put("class", (getIndex() % 2 == 0) ? CLASS_EVEN : CLASS_ODD);
	}

可以新建一个类继承自OddEvenItem,复写onComponentTag,比如对于purecss的table来说:

@Override
	protected void onComponentTag(ComponentTag tag)
	{
		super.onComponentTag(tag);
		if (getIndex() % 2 != 0) {
            	    tag.put("class", "pure-table-odd");
		}
		
	}


调整wicket DataTable的表格输出html

标签:

原文地址:http://my.oschina.net/jianglibo/blog/363707

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!