更改<p:fileupload mode =“simple”> </p:fileupload>的默认按钮标签

时间:2013-07-04 12:04:39

标签: file-upload jsf-2 primefaces label

我正在使用<p:fileUpload mode="simple">。按钮标签在Chrome和Firefox中的显示方式不同。我希望它在各种浏览器中都是一样的。我尝试通过设置label属性来更改它,如下所示:

<p:fileUpload label="Browse" ... mode="simple" />

然而,它没有效果。我怎样才能做到这一点?

3 个答案:

答案 0 :(得分:10)

目前的PrimeFaces 3.x版本可能。只有在您使用mode="advanced"而不是mode="simple"时才有可能。

关于您尝试使用label属性,此属性仅用作与输入组件关联的验证错误消息中的标签。使用label="Browse"尝试时,如果出现required="true"验证错误,则会显示“需要浏览”而非“formId:inputId is required”的消息。


更新:自PrimeFaces 5.x以来,您可以添加skinSimple="true"以获得mode="simple"所需的皮肤/ look'n'feel作为余数。此外,label实际上将用作按钮标签。另请参阅showcase

<p:fileUpload label="Browse" ... mode="simple" skinSimple="true" />

答案 1 :(得分:7)

我使用的是PrimeFaces 5.0,它可以在高级模式下更改默认名称:选择 - 上传 - 取消 您可以使用:label =&#34;&#34; uploadLabel =&#34;&#34; cancelLabel =&#34;&#34;设置自定义名称。

实施在这里:http://www.primefaces.org/showcase/ui/file/upload/single.xhtml

答案 2 :(得分:0)

看看这个答案https://stackoverflow.com/a/18909078。我们在网站上遇到类似的问题,我们计划仔细查看Bootstrap文件样式插件http://markusslima.github.io/bootstrap-filestyle/