我有这个复合组件:
<cc:interface>
<cc:attribute name="image_1" />
<cc:attribute name="image_2" />
<cc:attribute name="image_3" />
</cc:interface>
<cc:implementation>
<div id="slider-container">
<div id="slider-small">
<h:graphicImage library="images" name="#{cc.attrs.image_1}" />
<h:graphicImage library="images" name="#{cc.attrs.image_2}" />
<h:graphicImage library="images" name="#{cc.attrs.image_3}" />
</div>
</div>
</cc:implementation>
我以这种方式使用它:
<cs:small_slider
image_1="about/1.jpg"
image_2="about/2.jpg"
image_3="about/3.jpg"
/>
但仅限于三个属性。如果我必须使用相同的复合组件发送三个以上,我该怎么办:
<cs:small_slider
image_1="about/1.jpg"
image_2="about/2.jpg"
image_3="about/3.jpg"
image_4="about/4.jpg"
image_5="about/5.jpg"
/>
我想这样做是为了重用组件,我不想创建另一个组件。
更新: 按照@BalusC方法呈现以下HTML:
<!-- small slider -->
<div id="slider-container">
<div id="slider-small">
<img src="/brainset/javax.faces.resource/1.jpg.xhtml?ln=images" />
<img src="RES_NOT_FOUND" />
<img src="RES_NOT_FOUND" />
</div>
<div id="frame-slider-small"></div>
</div><!-- end #slide-container -->
没有找到其他图像,只有第一个。我确定那些图像:'about / 2.jpg'和'about / 3.jpg'存在。
答案 0 :(得分:3)
这是不可能的,也违反了DRY principle。
你最好的选择是将 从bean中传递为List<String>
,以便你可以使用<ui:repeat>
进行迭代:
<cs:small_slider images="#{bean.images}" />
与
<cc:interface>
<cc:attribute name="images" type="java.util.List" required="true" />
</cc:interface>
<cc:implementation>
<div id="slider-container">
<div id="slider-small">
<ui:repeat value="#{cc.attrs.images}" var="image">
<h:graphicImage library="images" name="#{image}" />
</ui:repeat>
</div>
</div>
</cc:implementation>
或将其定义为硬编码的逗号分隔字符串,并使用JSTL fn:split()
将它们拆分为String[]
,然后将其转移到<ui:repeat>
:
<cs:small_slider images="about/1.jpg,about/2.jpg,about/3.jpg" />
与
<cc:interface>
<cc:attribute name="images" type="java.lang.String" required="true" />
</cc:interface>
<cc:implementation>
<div id="slider-container">
<div id="slider-small">
<ui:repeat value="#{fn:split(cc.attrs.images, ',')}" var="image">
<h:graphicImage library="images" name="#{image}" />
</ui:repeat>
</div>
</div>
</cc:implementation>
无关,尝试与Java / JSF命名约定保持一致。我将您的small_slider.xhtml
重命名为renameSlider.xhtml
,以便您可以将其用作<cs:smallSlider>
,这与所有正常的JSF组件完全一致。
答案 1 :(得分:0)
BalusC提到的解决方案的另一个替代方案是(ab)使用嵌套的f:param
标签。这还允许将每个图像的附加参数传递给复合组件。以下示例中的name属性是可选的:
<cs:slider>
<f:param name="image1" value="image1"/>
<f:param name="image2" value="image2"/>
<f:param name="image3" value="image3"/>
</cs:slider>
复合组件的定义如下:
<cc:interface>
</cc:interface>
<cc:implementation>
<div id="slider-container">
<div id="slider-small">
<c:forEach items="#{cc.children}" var="param">
<h:graphicImage library="images" name="#{param.value}" title="#{param.name}"/>
</c:forEach>
</div>
</div>
</cc:implementation>
由于您的原始问题已经解决,我正在写更多内容以获得有关此方法的一些反馈。