x-editable(twitter bootstrap):如何更改空值?

时间:2013-10-21 12:31:30

标签: twitter-bootstrap x-editable

我正在使用x-editable插件进行就地编辑,效果很好。

以下jsfiddle显示了他们的文档中的示例: 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'}
    ]
 });

正如您在jsFiddle中看到的那样,在html窗格中状态为“空”(以红色显示)。我们想把这个词翻译成另一种语言。我们如何指定它?

3 个答案:

答案 0 :(得分:31)

您只需在设置字段时添加此选项:

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

小提琴:http://jsfiddle.net/Saran/hdVYS/

您可以在documentation中找到其他选项。

答案 1 :(得分:9)

对于那些喜欢使用属性的人来说,data-emptytext是实现这一目标的另一种方式:

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

答案 2 :(得分:0)

@Saran否定,有方法&#34; toggleDisabled&#34; (bootstrap-editable.js第1679行)关闭事件点击传播。这是我的问题,当我关闭它时,值为空(我希望看到&#34的默认值;空&#34;值)。在editable中是属性&#34; handleEmpty&#34;如果禁用选项为true且值为空,则清除空值(bootstrap-editable.js第1770行)。 我试图弄清楚如何在不触及库代码的情况下将此值重写为其他内容