Question

我在Rails应用程序中使用Bootstrap X-editable。我想用表格的名称替换表格单元格中的单词empty。

X-editable文档说emptytext将取代它。

但是，以下不起作用 - 我仍然得到empty。

<a href="#" class="answer" data-type="textarea" emptytext="Description" data-pk="1" data-resource="task" data-source="/tasks" data-name="longdesc" data-url="/tasks/<%= task.id %> ">

这是javascript：

  $(".answer").editable
    placement: 'bottom'

感谢您的帮助。

Answer 1

它不是emptytext="Description"而是data-emptytext="Description"。

<a href="#" class="answer" data-type="textarea" data-emptytext="Description" data-pk="1" data-resource="task" data-source="/tasks" data-name="longdesc" data-url="/tasks/<%= task.id %> ">

你也可以用javascript代替内联html。

$('.answer.description').editable({
    placement: 'bottom',
    emptytext: 'Description'
});

关于HTML5的编辑

在这里查看HTML5 data-attribute。这就是为什么所有x-editable的设置都以数据开头 - *。

编辑回复您的评论

您可以使用前置数据（并显示调整）在官方演示Look at the sex select中执行此操作：

$('#sex').editable({
    prepend: "not selected",
    source: [
        {value: 1, text: 'Male'},
        {value: 2, text: 'Female'}
    ],
    display: function(value, sourceData) {
        var colors = {"": "gray", 1: "green", 2: "blue"},
        elem = $.grep(sourceData, function(o){return o.value == value;});
        if(elem.length) {
            $(this).text(elem[0].text).css("color", colors[value]);
        } else {
            $(this).empty();
        }
    }
});

或者您可以使用{value: 0, text: 'Null'}

直接添加sourceData

Answer 2

或者您可以使用

$('.answer').editable({
placement: 'bottom',
defaultValue: 'Description' // for default value
});

rails bootstrap x-editable emptytext

2 个答案: