kendo-ui - 如何在 Kendo UI Grid 中为弹出编辑设置密码模式

Question

如何格式化剑道网格弹出编辑对话框的密码输入字段以显示密码，例如...？请帮忙。

Answer 1

在定义中添加一个editor函数，column如下所示：

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)
}

您甚至可以columns.hidden在不处于编辑模式时使用以下方法隐藏列：

{
    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)
    }
} ,

Answer 2

我会做一些不同的事情（对于弹出编辑器）。在构建 html 之后添加属性。

编辑：我添加了如何添加工具提示的示例。

$(“#grid”).kendoGrid(
{
    …,
    edit: function( e )
    {
    //Add password attribute to input field.
        e.container.find( “.k-edit-field:eq(1) > input” ).attr( ‘type’, ‘password’ );

    //Add tooltip.
        e.container.find( "[data-label-for = name], [data-container-for = name]" ).attr('title', "One and two" ) );
    }
}

Answer 3

您可以使用属性标记您的属性，其中之一是；[DataType(DataType.Password)]. 应用它，您将获得一个“密码格式”的控件，类似于下图。

有关信息，这个问题的答案给了我如何做到这一点的想法，并且可能对某些人也有用。