KendoGrid Template Popup Title
Fork from this Fiddle to create fiddles that will use KendoUI 2013.2.716
by rufwork
HTML
<script src="http://cdn.kendostatic.com/2013.1.319/js/jquery.min.js"></script>
<script src="http://getfirebug.com/firebug-lite-debug.js"></script>
<script src="http://cdn.kendostatic.com/2013.2.716/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.2.716/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.2.716/styles/kendo.default.min.css">
<div id="grid"></div>
JavaScript
/*global $ */
$("#grid").kendoGrid({
edit: function (e) {
//======================================================
// Code to look for `hideMe` attribute on a column.
//======================================================
e.sender.columns.forEach(function (element, index /*, array */) {
if (element.hideMe) {
e.container.find(".k-edit-label:eq(" + index + "), "
+ ".k-edit-field:eq( " + index + ")"
).hide();
}
});
//======================================================
// End column hiding code
//======================================================
},
columns: [
{ field: "name" },
{ field: "position" },
{
field: "age",
hideMe: true // <<< This is new.
},
{ command: "edit" }
],
dataSource: {
data: [
{ id: 1, name: "Jane Doe", position: "Mayor", age: 30 },
{ id: 2, name: "John Doe", position: "Banker", age: 33 }
],
schema: {
model: { id: "id" }
},
},
editable: {
mode: "popup"
},
toolbar: [{ name: 'create', text: 'Add' }]
});