Kendo UI Grid-Spalte headerTemplate-Funktion erhält keinen Zugriff auf die Spaltendefinition

Question

Ich versuche, die columns.headerTemplate Funktion von Kendo UI Grid zu verwenden, um die Spaltenüberschrift anzupassen. Sie verwenden diese Funktion wie unten gezeigt und wie von this example I created gezeigt. Normalerweise verwendet das Widget bei Verwendung von Kendo UI templates die Entity in die Template-Funktion, so dass Sie die verschiedenen Eigenschaften verwenden können, um das zu rendernde HTML anzupassen.

Debuggen der Kendo UI Grid-Code Ich kann sehen, dass in der _headerCellText Methode der Aufruf der Template-Funktion in ein leeres Objekt statt die Spalte übergeben, obwohl Spaltenobjekt im Geltungsbereich ist.

text = kendo.template(template, settings)({});

Gibt es einen anderen Ansatz, den ich vor dem Rückgriff auf benutzerdefinierte Spaltenkopf-Vorlagen für jede Spalte oder schlechter nehmen - jQuery Manipulation des DOM gemacht Widget?

Gibt es einen guten Grund, im Rahmen dieses Use Cases vom üblichen Template-Muster abzuweichen?

// Example kendoGrid use of column.headerTemplate 
var templateFunction = function(shouldBeColumn) { 
    // shouldBeColumn is an empty object rather than the column object 
    return "Useless object:" + kendo.stringify(shouldBeColumn); 
    }; 

$("#grid").kendoGrid({ 
    dataSource: { 
     data: products, 
     pageSize: 20 
    }, 
    height: 550, 
    scrollable: true, 
    columns: [ 
     { field: "ProductName", title: "Product Name" }, 
     { field: "UnitPrice", title: "Unit Price", headerTemplate: plainTemplate }, 
     { field: "UnitsInStock", title: "Units In Stock", headerTemplate: templateFunction } 
    ] 
}); 

Answer 1

RE: „Gibt es einen anderen Ansatz, den ich vor dem Rückgriff auf benutzerdefinierte Spaltenkopf-Vorlagen für jede Spalte oder schlechter nehmen - jQuery Manipulation des Widgets gemacht DOM?“

eine Wrapper-Funktion aufrufen, die eine Funktion gibt, also:

function createHeaderTemplate(columnName) { 
    return function() { 
     return "Custom: " + columnName; 
    }; 
} 

...

columns: [ 
    { field: 'field', headerTemplate: createHeaderTemplate('My Field') }, 
    { field: 'field2', headerTemplate: createHeaderTemplate('My 2nd Field') } 
]