twitter bootstrap - work - x-editable(arranque de twitter): ¿cómo cambiar el valor vacío?

x-editable bootstrap 4

Question

Estoy usando el complemento x-editable para realizar ediciones in situ y funciona bien.

El siguiente jsfiddle muestra un ejemplo de su documentación: 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''}
    ]
 });

Como puede ver en el jsFiddle, en el panel html el estado es "vacío" (escrito en rojo). Nos gustaría traducir esa palabra a otro idioma. ¿Cómo podemos especificarlo?

Answer 1

@Saran negativo, existe el método "toggleDisabled" (bootstrap-editable.js line 1679) que desactiva la propagación de clics de eventos. Y este es mi problema, cuando lo apago, el valor está vacío (me gustaría ver el valor predeterminado para el valor "vacío"). En editable se encuentra la propiedad "handleEmpty", que borra el valor vacío (bootstrap-editable.js línea 1770) en caso de que la opción deshabilitada sea verdadera y el valor esté vacío. Estoy tratando de averiguar cómo reescribir este valor a otra cosa sin tocar el código de la biblioteca

Answer 2

Para aquellos que prefieren usar atributos, data-emptytext es otra forma de lograr esto:

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

Answer 3

Simplemente agregue esta opción cuando configure el campo:

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

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

Puedes encontrar otras opciones en la documentation .