单击按钮添加到x-editable选择源

Question

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

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

相关代码：

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

Answer 1

使用函数返回names数组，而不是直接在表设置中指定数组：     

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

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