Xpage重复控件的使用(repeat)

             在将bootstrap和Xpage整合的过程中,使用到了Xpage的重复控件,在这里做个简单的介绍,话不多说,直接进入主题。

        1.首先绑定页面数据源,如下图,绑定视图数据源

        Xpage重复控件的使用(repeat)_第1张图片

        2.将重复控件拖入,设定重复控件相关属性,如下图:

        Xpage重复控件的使用(repeat)_第2张图片

        3.插入计算文本,用于重复显示图1绑定的视图(vw-language)数据源内数据,如下图:

        Xpage重复控件的使用(repeat)_第3张图片

        4.预览页面,可出现如下结果,与视图内数据相匹配

        Xpage重复控件的使用(repeat)_第4张图片

        Xpage重复控件的使用(repeat)_第5张图片

        5.附上页面源码,相关样式结合了bootstrap框架

       



	
		
	
	
	
		
	
	



       

 

你可能感兴趣的:(Xpages)