- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
在下面的示例中,我能否以某种方式告诉 JSF <f:attribute>
适用于某些特定组件,就像我可以使用 for="..."
在 <f:convertNumber for="...">
和 <f:validator for="...">
?
<mytags:myCcInputWithValueHolder id="myparent" item="#{myBean.myDouble}" >
<f:convertNumber minFractionDigits="2" for="myinput"/>
<f:validator validatorId="bindableDoubleRangeValidator" for="myinput"/>
<f:attribute name="minimum" value="#{30.00}"/>
<f:attribute name="maximum" value="#{39.99}"/>
</mytags:myCcInputWithValueHolder>
背景:
正在关注 BalusC's solution to a JSF issue ,我使用自定义 validator 。要为该 validator 提供一些参数,<f:attribute>
被使用。
接下来,当使用带有 EditableValueHolder
的复合组件时我可以(事实上:必须)将 validator 分配给实际的 h:inputText
.但是我没有对 f:attribute
做同样的事情s,所以这些被添加到调用父组件。例如:
<composite:attribute name="item" .../>
<composite:editableValueHolder name="myinput" targets="myinputtext"/>
:
<h:inputText id="myinputtext" value="#{cc.attrs.item}">
<!-- <composite:insertChildren /> doesn't change anything -->
</h:inputText>
...与<f:validator for="myinput" ...>
一起使用如本文顶部所示,将 validator 绑定(bind)到 myparent:myinputtext
, 但属性绑定(bind)到 myparent
.
解决方法:
documentation for <f:attribute>
indeed states :
Add an attribute to the UIComponent associated with the closest parent UIComponent custom action.
鉴于此,以下复合组件也可以按预期工作:
<composite:attribute name="item" .../>
<composite:attribute name="min" .../>
<composite:attribute name="max" .../>
:
<h:inputText id="myinput" value="#{cc.attrs.item}">
<f:convertNumber minFractionDigits="2"/>
<f:validator validatorId="bindableDoubleRangeValidator"/>
<f:attribute name="minimum" value="#{cc.attrs.min}"/>
<f:attribute name="maximum" value="#{cc.attrs.max}"/>
</h:inputText>
...与:
<mytags:myCcInputWithValidator
item="#{myBean.myDouble}" min="#{30.00}" max="#{39.99}"/>
此外,我可以轻松扩展 BalusC's BindableDoubleRangeValidator递归到父组件中以获取值:
Object getAttribute(FacesContext c, UIComponent component, String name) {
Object result = component.getAttributes().get(name);
if (result == null && component.getParent() != null) {
result = getAttribute(c, component.getParent(), name);
}
return result;
}
仍然:有更好的解决方案吗?
最佳答案
这确实令人讨厌。 <f:attribute>
确实特定于最近的 parent UIComponent
.如果您将它嵌套在复合 Material 中,那么它将特定于复合 Material 组件本身。一种方法是将属性从复合 Material 复制到有问题的输入组件:
<h:inputText id="myinputtext" value="#{cc.attrs.item}">
<f:attribute name="minimum" value="#{cc.attrs.minimum}"/>
<f:attribute name="maximum" value="#{cc.attrs.maximum}"/>
</h:inputText>
这样您问题中的第一个代码片段就可以工作了。
关于您的最后一个代码片段,更简单的方法是通过 UIComponent#getCompositeComponentParent()
获取复合组件父级相反。
Object getCompositeParentAttribute(UIComponent component, String name) {
UIComponent composite = UIComponent.getCompositeComponentParent(component);
return composite.getAttributes().get(name);
}
毕竟,我只是选择一个新的合成,如果有必要,在 <ui:decorate>
的帮助下使用与原始合成相同的模板。 .复合 Material 旨在最大程度地减少重复的样板文件。
<my:inputDouble value="..." min="..." max="..." />
与
<cc:implementation>
<ui:decorate template="/WEB-INF/templates/someCommonTemplate.xhtml">
<ui:define name="input">
<h:inputText id="myinput" value="#{cc.attrs.value}">
<f:convertNumber minFractionDigits="2" />
<f:validator validatorId="bindableDoubleRangeValidator"/>
<f:attribute name="minimum" value="#{cc.attrs.min}"/>
<f:attribute name="maximum" value="#{cc.attrs.max}"/>
</h:inputText>
</ui:define>
</ui:decorate>
</cc:implementation>
关于java - 我可以告诉 JSF 一个 f :attribute applies to some part of my composite component?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9534600/
我有以下代码。我无法理解应如何实现 ProjectCardDescription 组件,以便能够在 ProjectCard 组件中传递其描述 我尝试过这个,但得到一个空组件: import React
我们正试图从 styled-components 项目中找出以下问题的原因:https://github.com/styled-components/styled-components/issues/
将所有文件从 jsx 更改为 tsx 后,出现此错误: ./src/components/index.js Module not found: Can't resolve './Header' in
我正在努力遵循以下 vuejs 应用场景动态组件 + 异步组件模式。一切正常,但仍然只有一个问题:我怎样才能访问通过传入的 Prop 数据 请看现场 fiddle : https://jsfiddl
我已经明白了Difference between React Component and React Element , 使用 JSX 基本上调用 React.createElement它返回一个元素
我最近开始使用 JSX 元素语法而不是调用函数,因为它使代码更漂亮。但看起来又不太一样。令人惊讶的是,因为在 App.js 中,函数调用会导致无限循环(并引发错误),但 JSX 元素可以工作。在 Da
通过少量渲染来构建嵌套组件系统的好方法是什么?请参阅下面带有主要问题(“如何...”)的所需代码: tab.vue(子组件) export default {
我正在编写一个轻量级游戏引擎,并且在为它做一些研究的同时,我遇到了许多令人信服的文章,它们提倡通过“组件集合”模型而不是“从具体类继承”模型来实现游戏对象。有很多优点: 可以使用数据组合对象 驱动设计
类型‘AbstractControl’上不存在属性‘Controls’。
考虑以下示例: function Travel(props) { return ( ) } function Welcom
我刚刚加入了一个 React Native 项目,在那里我经常看到扩展 React.Component 和 Component 本身的类。 示例: 类 SomeView 扩展了 React.Compo
我见过两种访问 Component 的方法: import React from 'react'; class Foo extends React.Component { ... } 和 im
我有一个库 jar,我想将其提供给许多应用程序。我想要的行为是在库中创建一个通用的 spring 组件类。如果在应用程序中,没有扩展相同的组件,则使用公共(public)组件;如果它在应用程序中扩展,
所以我正在制作一个游戏,我有 EnemyAI 以及 player,它们都扩展了 JPanel。世界有一个 null 布局,所以我正在使用 setBounds(); 来“移动”(我实际上只是移动世界图像
在 styled-component 中,您如何决定是应该使用插值函数来修改组件(通过传递 props )还是扩展现有组件。例如: const Button = styled.button`
我搜索并获取了以下信息。 请添加您的信息 h:commandbutton 与 a4j:commandButton 相同,唯一的区别是 a4j:commandButton 有额外的 ajax 请求。 a
我目前在一个项目中,我们有一个动态“表单”/内容模型,其中我们有一个包含字段和占位符的模块,占位符可以包含更多模块,为我们提供递归/灵活的数据模型. 现在为了渲染这个,我们创建了一个组件来渲染模块,动
我是 React 的新手,正在尝试设置一个 Bootstrap 模式来显示警报消息。 在我的父 App.js 文件中,我有一个错误处理程序,它向 Modal.js 组件发送一个触发模态显示的 Prop
通过 background-color:red 获得主页组件写入其 scss,然后使用 background-color:green 获取用户组件写入它的 scss。我启动我的应用程序,我在家,背景是
我有这个基本的应用程序,其中一些组件具有公共(public) load 方法。对于某些操作,我想在当前 svelte:component 上调用该方法,但我不知道如何获取对组件实例的引用。如何做到这一
我是一名优秀的程序员,十分优秀!