web-dev-qa-db-fra.com

x-editable (Twitter bootstrap): comment changer la valeur vide?

J'utilise le plug-in x-editable pour effectuer des modifications sur place et cela fonctionne bien.

Le jsfiddle suivant montre un exemple tiré de leur documentation: http://jsfiddle.net/ibrahima_yock/CFNXM/27/

<div>
     <span>Status:</span>
     <a href="#" id="status"></a>
</div>

.

//make status editable
$('#status').editable({
    type: 'select',
    title: 'Select status',
    placement: 'right',
    source: [
        {value: 1, text: 'status 1'},
        {value: 2, text: 'status 2'},
        {value: 3, text: 'status 3'}
    ]
 });

Comme vous pouvez le voir dans jsFiddle, dans le volet html, le statut est "vide" (écrit en rouge). Nous aimerions traduire cette Parole dans une autre langue. Comment pouvons-nous le spécifier?

twitter-bootstrapx-editable
17
I. YOCK

Vous ajoutez simplement cette option lors de la configuration du champ:

emptytext: 'Leer', // default is 'Empty'

Fiddle: http://jsfiddle.net/Saran/hdVYS/

Vous pouvez trouver d'autres options dans documentation .

30
Saran

Pour ceux qui préfèrent utiliser des attributs, data-emptytext est un autre moyen de le faire:

<a href='#' id='status' 
    data-placeholder='This text appears when editing' 
    data-emptytext='This text appears when field is empty'> </a>
8
Jonathan Lidbeck

@Saran négatif, il existe une méthode "toggleDisabled" (ligne 1679 de bootstrap-editable.js) qui désactive la propagation des clics par événement. Et c'est mon problème, quand je l'éteins, la valeur est vide (j'aimerais voir la valeur par défaut pour la valeur "vide"). Dans editable, la propriété "handleEmpty" efface la valeur vide (ligne 1770 de bootstrap-editable.js) dans le cas où l'option disabled est sur true et la valeur vide. J'essaie de comprendre comment réécrire cette valeur sur quelque chose d'autre sans toucher au code de la bibliothèque

0
stenly