केंडो यूआई ग्रिड कॉलम हेडर टेम्पलेट फ़ंक्शन कॉलम परिभाषा

Question

तक पहुंच प्राप्त नहीं करता है, मैं कॉलम हेडर को कस्टमाइज़ करने के लिए Kendo UI Grid की columns.headerTemplate सुविधा का उपयोग करने का प्रयास कर रहा हूं। आप इस सुविधा का उपयोग नीचे दिखाए गए अनुसार और this example I created द्वारा दिखाए गए अनुसार करते हैं। आम तौर पर Kendo UI templates का उपयोग करते समय, विजेट इकाई को टेम्पलेट फ़ंक्शन में पास कर देगा ताकि आप HTML को कस्टमाइज़ करने के लिए विभिन्न गुणों का उपयोग कर सकें।

केंडो यूआई ग्रिड कोड मैं देख सकता हूँ कि _headerCellText विधि टेम्पलेट समारोह के लिए कॉल स्तंभ भले ही स्तंभ वस्तु दायरे में है के बजाय एक खाली वस्तु में गुजरता में डिबगिंग।

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

एक और दृष्टिकोण मैं प्रत्येक स्तंभ या बुरा के लिए कस्टम स्तंभ शीर्ष लेख टेम्पलेट्स का सहारा से पहले ले जा सकते हैं है - विजेट गाया डोम के jQuery हेरफेर?

क्या इस उपयोग के मामले में ढांचे में सामान्य टेम्पलेट पैटर्न से विचलन करने का कोई अच्छा कारण है?

// 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

उत्तर: "वहाँ एक और दृष्टिकोण मैं प्रत्येक स्तंभ या बुरा के लिए कस्टम स्तंभ शीर्ष लेख टेम्पलेट्स का सहारा से पहले ले जा सकते हैं है - विजेट गाया डोम के jQuery हेरफेर?"

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

...

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