单击按钮添加到 x-editable select 源

Question

我使用 BootstrapTable 和 X-editable。我有一个 select 框，我想通过单击按钮更新源数据。理想情况下，我喜欢从列中获取源代码，向其推送一个值并重新加载它，而不更改用户对该列的任何编辑。

完整代码： http://jsfiddle.net/rp4nkb46/1/

相关代码：

 $('#addoption').click(function () {
                names.push({value: 5, text: 'Bob'}) 
            $('#table').bootstrapTable('OnRefresh', {});
    });

Answer 1

使用函数 return names 数组，而不是直接在 table 设置中指定数组：

$(function () {
    $('#table').bootstrapTable({
        columns: [{field: 'Contact',
                   title: 'Contact',
                   editable: {
                       type: 'select',
                       source:  function() { return names; }
                   }
                 }],
        data: data
    });
});

似乎 X-Editable 会在创建控件时绑定一次提供的数组，但每次都会调用该函数。