Hinzufügen zu x-editable wählen Sie die Quelle mit der Taste klicken

Question

Ich habe BootstrapTable mit X-editable. Ich habe eine select Box, die ich möchte die Quelldaten mit einem Klick auf die Schaltfläche aktualisieren. Im Idealfall möchte ich die Quelle aus der Spalte abrufen, einen Wert dorthin verschieben und neu laden, ohne Änderungen an dieser Spalte durch den Benutzer zu ändern.

Voll Code: http://jsfiddle.net/rp4nkb46/1/

entsprechenden Code:

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

Answer 1

Verwenden Sie eine Funktion eher die names Array zurück als das Array direkt in Ihrer Tabelle Setup festgelegt wird:

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

Es scheint, dass das X-Editable ein geliefertes Array einmal bei der Erstellung von t bindet er kontrolliert aber jedes mal die Funktion.