1

在我使用的 JSF 2.0 - Primefaces 应用程序中，我不想拥有

  1. 进度条
  2. 上传按钮
  3. 显示在所选图像旁边的取消按钮（一旦选择图像）

另一个问题是我想将它设置为 1 的“fileLimit”，但是当我这样做时，它说属性无效。

这是我的代码：

<p:fileUpload id="related_image" fileUploadListener="#{fileUploadController.handleFileUpload}"  
        mode="advance"  
        auto="false" 
        showButtons="false"
        sizeLimit="100000"
        fileLimit ="1"
        allowTypes="/(\.|\/)(gif|jpe?g|png)$/"
        style="width: 310px"/>
4

1 回答 1

2

基本上你所要做的就是分配找出正确的css选择器并设置它们display:none;（将它们放在你的 .css 文件中并包含它<h:outputStylesheet）

一般来说（在css中，您需要使用在CSS选择器中处理元素ID中的冒号来转义冒号，而在jquery中您应该使用）\3a \\:

#some_prefix_id\3a your_file_upload_component_id .someClass{
    display:none;
}

其中 some_prefix_id 可能是某个表单 id 或某个命名容器 id ，

或（有时your_file_upload_component_id之前没有前缀）

#your_file_upload_component_id .someClass{
    display:none;
}

尽管 INMO 最好的方法是为您的表单分配一个 id 并在 css 中使用此选择器：

#your_form_id .someClass{
    display:none;
}

现在到确切的选择器...

所以要删除上传按钮

#related_image .start{
    display:none;
}

或者如果你想对 jquery 做同样的事情

$("#related_image .start").hide();

删除显示在所选图像旁边的取消按钮（一旦选择图像）

#related_image .cancel{
    display:none;
}

或者如果你想对 jquery 做同样的事情

$("#related_image .cancel").hide();

删除进度条

#related_image .progress{
    display:none;
}

或者如果你想对 jquery 做同样的事情

$("#related_image .progress").hide();

如果需要，您可以在 primefaces 展示上测试 jquery 方法，#related_image只需#j_idt19\\:j_idt20 将$("#j_idt19\\:j_idt20 .start").hide();

没有这样fileLimit的属性，看看Tag fileUpload

于 2012-09-29T17:01:00.430 回答