primefaces dataTable radio

最新推荐文章于 2021-03-12 07:20:11 发布

Aloria

最新推荐文章于 2021-03-12 07:20:11 发布

阅读量707

点赞数

分类专栏： JSF

本文链接：https://blog.csdn.net/yangpan1725/article/details/44102119

版权

JSF 专栏收录该内容

2 篇文章

订阅专栏

本文介绍如何在PrimeFaces的DataTable组件中集成和使用Radio按钮，展示了一种实现方式并给出了实际效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

			<p:dataTable id="appTableList" var="obj"
				value="#{cc.attrs.appData}"
				rendered="#{cc.attrs.appData.size()>0}"
				scrollable="#{cc.attrs.appData.size()>5?'true':'false'}" 
				scrollHeight="#{cc.attrs.appData.size()>=5?150:30*cc.attrs.appData.size()}" 
				styleClass="ui-datatable-scrollable-header-box">
				<p:columnGroup type="header">
					<p:row>
						<p:column rowspan="2" headerText="App List" style="width:75px"/>
						<p:column rowspan="2" headerText="Name" style="width:300px"/>
						<p:column rowspan="2" headerText="Type" style="width:150px"/>
						<p:column colspan="#{cc.attrs.qcTestCategoryList.size()}" headerText="Test Category" style="text-align:center;width:350px"/>
					</p:row>
					 <p:row>
					 <p:column headerText="Audit Only" style="width:75px"/>
					 <p:column headerText="Execute Test Only" style="width:120px"/>
					 <p:column headerText="Design and Execute Test" style="width:160px"></p:column> 
						 <!-- <ui:repeat var="b" value="#{cc.attrs.qcTestCategoryList}" >
							<p:column headerText="#{b.label}"/>
						</ui:repeat>  -->
						
						<!-- <c:forEach items="#{cc.attrs.qcTestCategoryList}" var="b">
						<p:column headerText="#{b.label}"/>
						</c:forEach> -->
					</p:row> 
				</p:columnGroup> 
				<p:column style="width:75px">
					<h:outputText value="DO-#{obj.deploy_obj_id}" />
				</p:column>
				<p:column style="width:300px">
					<h:outputText value="#{obj.name}" />
				</p:column>
				<p:column style="width:150px">
					<h:outputText value="#{obj.type}" converter="converterData">
					<f:attribute name="dataMap" value="#{dictionaryVM.typeItems.DEPLOYMENT_OBJECT_TYPE}" />
                    <f:attribute name="labelField" value="label"/>
                    <f:attribute name="valueField" value="value"/>
                    </h:outputText>
				</p:column>
				<p:column style="display:none">
					<p:selectOneRadio id="appRadio" value="#{obj.approve_type}"
						layout="custom">
						<f:selectItem itemValue="AUDIT" />
						<f:selectItem itemValue="TEST" />
						<f:selectItem itemValue="DESIGN_TEST" />
					</p:selectOneRadio>
					</p:column>
				<p:column headerText="Audit Only" style="text-align:center;width:75px">
					<p:radioButton id="opt1" for="appRadio" itemIndex="0" />
				</p:column>
				<p:column headerText="Execute Test Only" style="text-align:center;width:120px">
					<p:radioButton id="opt2" for="appRadio" itemIndex="1" />
				</p:column>
				<p:column headerText="Design Test Case and Execute Test" style="text-align:center;width:160px">
					<p:radioButton id="opt3" for="appRadio" itemIndex="2" />
				</p:column>

			</p:dataTable>

效果图