如何在Kendo UI Grid中爲彈出編輯設置密碼模式

Question

如何設置Kendo網格彈出編輯對話框的密碼輸入字段以顯示密碼，例如...？ 請幫忙。

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

我會做一點點不同（對於Popup編輯器）。在構建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")); 
    } 
}