How to set password mode for popup edit in Kendo UI Grid
kendo-grid, kendo-ui
Solution
Add an `editor` function to the `column` definition as follows:
editor: function (container, options) {
$('<input data-text-field="' + options.field + '" ' +
'class="k-input k-textbox" ' +
'type="password" ' +
'data-value-field="' + options.field + '" ' +
'data-bind="value:' + options.field + '"/>')
.appendTo(container)
}
You can even hide the column using `columns.hidden` while not in edit mode doing:
{
hidden: true,
field : "password",
title : "Password",
editor: function (container, options) {
$('<input data-text-field="' + options.field + '" ' +
'class="k-input k-textbox" ' +
'type="password" ' +
'data-value-field="' + options.field + '" ' +
'data-bind="value:' + options.field + '"/>')
.appendTo(container)
}
} ,
Problem
How can I format password input field of Kendo grid popup editing dialog to display password such as ...? Please help.