如何在剑道网格中隐藏密码

Question

我有一个带有密码列的网格，我想隐藏密码，因为它的类型是密码。

我做了这样的事情，但它无法识别密码（在模板中）。

  {field: "Password", title: "Password", editor: passwordE, 
 template: ( Password == null ? ' ' : '●'.repeat(Password.length))

密码E功能：

  function passwordE(container, options)    {
  $('<input type="password" required data-bind="value:' + options.field + 
 '"/>').appendTo(container);
 };

Answer 1

这是我认为您想要的示例道场。 https://dojo.telerik.com/IMuxEMUX

虽然我确实有几个问题：

1. 你为什么要带回密码？ （是否真的需要）
2. 希望您的密码以某种方式加密，否则有人可以查看底层数据源并查看所有未加密的密码。 （所以完全否定这个过程）

虽然我不喜欢这种带有逻辑的内联模板，并且更喜欢使用外部模板，但这有望帮助您使您的特定示例正常工作。

假设我已经了解您希望未编辑的文本显示为“●●●●●●●●●●”，那么我创建的模板将为您实现。

  #if(data.ProductName == null){# 
        <span></span>
    #}else{# 
     #= "●".repeat(data.ProductName.length)#  
    #}#

显然，您只需将 ProductName 替换为数据源中的密码字段。

这里重要的是看到# 的使用来表示我们何时将某些内容呈现回屏幕，以及何时我们正在执行javascript 并进入和退出它。