richfaces组件的使用

 xmlns:c="http://java.sun.com/jstl/core"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:t="http://myfaces.apache.org/tomahawk"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:a4j="http://richfaces.org/a4j"
    xmlns:rich="http://richfaces.org/rich"
    xmlns:d="http://metaarchit.com/dynamica"

 

 

 

1。scrollableDataTable与selectOneRadio

 

 

scrollableDataTable与selectOneRadio的混合使用,注意 <t:selectOneRadio>中

 selectOneRadio中forceId="true"     forceIdIndex="false"这两个属性,倘若要使选项在点击文字时也能选中应该去掉 foreceIdIndex=“false” 这个属性,倘若需要得到竖排的样式可通过定义 layout="pageDirection"定义,通过style可定义鼠标移动时的形状如: style="cursor: pointer;"

 

 

2。h:graphicImage

 

可定义在value中输入图片的地址,图片默认放在webCountent包下。也可在图片地址中传入参数。

3。日历控件 rich:calendar

 

在日历显示时,可用

当是数值时可用

#代表任意,00代表显示。

在输入数值时,可采用组件

定义它的最大最小值。

 

 

4。命令组件a4j:commandButton,a4j:commandLink ,h:commandLink  , h:commdanButton

它们的应用如下:

当需要弹出一个新的空白页面是,可添加属性 target="_blank"。

a4j与h开头的区别在于,a4j在执行action时不会提交整个页面,但是h开头的组件会提交整个h:form中的内容。

 

5。h:selectBooleanCheckbox 复选框

 

h:selectBooleanCheckbox可与rich:dataTable混合使用这样可以选中整条对象。

在value中confrimSelections是一个空的HashMap,存入键id,值boolean。 可通过input 中onclink调用给value设置。具体js如下:

listForm为整个Form的id,而confrimCheckbox与confrimCheckbox#{repairVar.id}匹配。在check时也可该变其颜色。

 

 

 

 6:rich:panelMenu

给个简单的例子:

 

  

 

 

要善用c:forEach 迭代,在c:forEach中可迭代rich:panelMenuGroup也可迭代rich:panelMenuItem,不同的是,迭代Group它只是标签不会调用cation,而迭代的item会有action触发,在action中可传递参数。当action触发时,可把值传递至a4j:outputPanel中。

 

 

7。a4j:support一个很有用的组件。

它的event有 event="onRowClick",event="onchange" event="onviewactivated" event="onclick"

它有一个属性onsubmit 可以在提交的时候弹出对话框进行确认。

如:

 

其他的例子和其叶差不多。这个比较特殊一点,它是与inplaceInput组件配合使用的。在rich:inplaceInput 组件中需要注意一个属性

editEvent="ondblclick" 即当你在双击它时,它便有block状态变为可编辑的状态,但是变量的改变需要借助于a4j:support所触发的action。

 

 

8。h:panelGrid

它主要的几个属性为 columns="1"定义列 , cellspacing="0" cellpadding="0" 定义行间距,列间距。style="text-align:left"定义它的出现位置。可与自己多个嵌套使用。

 

 

9。rich:dataGrid 与dataTable,scrollDataTable一样都是用于迭代数据的。但是它可以实现数据的横向迭代,其他都是实现数据的纵向迭代。

 

 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值