如何刪除上傳取消按鈕<P：文件上傳>

在我的JSF 2.0 - Primefaces應用我使用我不希望有如何刪除上傳取消按鈕<P：文件上傳>

進度條
上傳按鈕
取消按鈕我想將它設置爲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"/>

來源

2012-09-29 Abhishek Dhote

基本上所有你需要做的就是分配找到正確CSS選擇與display:none;（把它們放在你的.css文件，並附設置它們<h:outputStylesheet）

一般（在CSS，你需要躲避結腸與\3aHandling a colon in an element ID in a CSS selector，而在jQuery的你應該使用\\:）

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

其中some_prefix_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 .progress").hide();

你可以做同樣的jQuery

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

刪除進度條

#related_image .progress{ 
    display:none; 
}

或如果需要，請在primefaces展示中測試jquery方法，只需將#related_image替換爲#j_idt19\\:j_idt20，例如$("#j_idt19\\:j_idt20 .start").hide();

有沒有這樣的屬性爲fileLimit看一看的Tag fileUpload

來源

2012-09-29 17:01:00 Daniel

會是怎樣的styleClass對值 –

沒有任何價值可言...只是把所有的* css *代碼我上面張貼在您的自定義css文件，並將其包含在您的xhtml頁面，這就是所有... – Daniel

如果我把。進展{ display：none; }這項工作，但如果我使用＃相關圖片。進展{ display：none; }這不起作用，任何線索 –

如何刪除上傳取消按鈕<P：文件上傳>

回答

相關問題