x-editable (twitter bootstrap)：如何更改空值？

Posted 2023-05-08

【中文标题】x-editable (twitter bootstrap)：如何更改空值？

【英文标题】：x-editable (twitter bootstrap): how to change the empty value?

【发布时间】：2013-10-29 22:48:13

【问题描述】：

我正在使用 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 窗格中，状态为“空”（用红色书写）。我们想把这个词翻译成另一种语言。我们如何指定它？

【参考方案1】：

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

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

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

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

【讨论】：

@Saran 您能否在这里也为字段为 .editable('toggleDisabled') 的情况提供解决方案？

@stenly，没有“toggleDisabled”选项，所以您可能指的是disabled: true。使用该选项（如在此jsfiddle.net/Saran/fggey5mn/1 中），该值被清除（而不是“Leer”显示为禁用）。那，IMO，是一个错误。随时在这里提出问题：github.com/vitalets/x-editable/issues

【参考方案2】：

对于喜欢使用属性的人来说，data-emptytext 是另一种实现方式：

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

【参考方案3】：

@Saran 否定，有方法“toggleDisabled”（bootstrap-editable.js 第 1679 行）关闭事件点击传播。这是我的问题，当我关闭它时，值为空（我想查看“空”值的默认值）。在可编辑中是属性“handleEmpty”，它在选项禁用为真且值为空的情况下清除空值（bootstrap-editable.js 第 1770 行）。 我试图弄清楚如何在不接触库代码的情况下将此值重写为其他值