Anpassen von ausgewählten Spalten in ui-grid

Question

Ist es möglich, eine benutzerdefinierte Spaltendefinition für ausgewählte Felder in einem ui-Grid zu erstellen und die restlichen Felder aus dem Datenschema zu übernehmen? Dieser Anwendungsfall tritt auf, weil mein JSON-Datenschema variabel ist und es nur eine Spalte gibt, von der ich sicher bin (seine Anwesenheit in Daten), und möchte eine benutzerdefinierte Zellenvorlage nur auf diese Spalte anwenden.

Grid Optionen:

$scope.gridOptions = { 
    data: data, 
    columnDefs: [ 
     { field: 'name', width: 250, cellTemplate: "../../tpl/grid/name_template.html" } 
    ] 
} 

wo Daten der JSON-Objekt variabler Schema ist.

Wenn ich das Gitter auf diese Weise definiere, nur das Namensfeld aus meinem Datenobjekt wird im Raster angezeigt werden. Ist es möglich, die benutzerdefinierte Spalte def für das Namensfeld zu verwenden und auch die anderen Objekte im Datenobjekt anzuzeigen, ohne dafür die Spaltendefinitionen anzugeben?

Um mehr Klarheit zu sorgen:

kann mein Datenobjekt sein:

[{name: 'apple', type: 'fruit', seasonal: true}] 

oder:

[{name: 'apple', color: 'green', taste: 'sour'}] 

Grundsätzlich ist mein Anwendungsfall, so dass für mich keine Möglichkeit, zu wissen, dass es vor Geben Sie an, welche Spalten von der Abfrage zurückgegeben werden, die das Rasterdatenobjekt initialisiert, aber ich bin mir sicher, dass eine Namensspalte Teil der von der Abfrage zurückgegebenen Daten sein wird. Ich würde dem Namensfeld eine benutzerdefinierte Zellenvorlage und andere Eigenschaften hinzufügen und auch die anderen möglicherweise vorhandenen Spalten anzeigen.

Das normale Verhalten ist, dass, wenn ich eine Spaltendefinition für eine Spalte in dem Feld angeben, dann muss ich Definitionen für alle anderen Spalten angeben, die Teil der Daten sind, um sie sichtbar zu machen, und in meinem Fall nicht Ich weiß, was die anderen Feldnamen sein könnten.

Answer 1

$scope.gridOptions = { 
    data: data, 
    columnDefs: [ 
     { field: 'name', width: 250, cellTemplate: $.get('url-to-your-template.html') } 
    ] 
} 

Überprüfen Sie, ob das obige funktioniert. Sie können Ihren eigenen Service verwenden, um Vorlage zu holen