2017-08-14 5 views
0

J'utilise le téléchargement de fichiers à partir PrimeNG: https://www.primefaces.org/primeng/#/fileuploadbouton Masquer télécharger PrimeNG

Pour l'instant, j'ai ce enter image description here

Mais je voudrais avoir seulement des boutons « Choisir » et « Annuler ». enter image description here

donc sur le site primeNG, disent-ils à utiliser showUploadButton="false"

Mais il ne fonctionne pas.

référenceurs à ce poste: Remove File Upload and Cancel Button from Primefaces p:fileUpload

J'ai essayé:

<p-fileUpload ... showButtons="false" showCancelButton="true"/> 

puis j'ai essayé

.ui-fileupload-buttonbar .ui-fileupload-upload { 
    display: none; 
} 

Rien ne fonctionne. Peut-être que c'est parce qu'il faisait référence à une autre version. J'utilise la version de primeNG 2.0.6 et 2.4.0 angulaire

Répondre

0

La seule solution de travail pour moi était de le cacher avec css:

.ui-fileupload-buttonbar button:nth-child(2){ 
    display:none; 
} 
1

avez-vous essayé de faire comme ceci:

<p:fileUpload ... [showButtons]="false" [showCancelButton]="true"/> 

espérons qu'il vous aidera

+0

Nop, je reçois peut se lier à ne pas « ShowButtons » puisqu'il n'est pas une propriété connue de «p-fileUpload. – anais1477

+0

Mmm si vous regardez votre notnusing proprlerly .. si double vérifier comment vous importez le module ... ou si c'est vraiment p: fileUpload –

+0

Aw right j'utilise p-fileUpload. Si je le change en p: fileUpload il est dit "namespace p n'est pas lié". Sur leur site il s'agit de p-fileUpload. Que devrais-je faire ? – anais1477

5

Vous devez mettre le showUploadButton intérieur d'un support pour que cela fonctionne.

<p-fileUpload [showUploadButton]="false"></p-fileUpload> 

Result

EDIT: Vous devez obtenir la dernière version de PrimeNG travailler avec angulaire 4. Depuis angulaire lancé leur angulaire 4, PrimeNG a également lancé PrimeNG v4 pour travailler avec angulaire 4