RowEditing 中的密码字段

Question

我正在处理 RowEditing，其中一个字段是密码字段。为此，我确实尝试绑定数据，例如 -

{
  text: "Password",    
  dataIndex: 'password',                                            
  editor:
  {
    inputType: 'password',
    allowBlank: false
  }
}

它的作用是 - 将数据绑定为文本，但如果您尝试通过双击网格行输入密码，它会将数据作为密码。

如何将数据绑定到密码文本字段？为什么它首先是绑定文本？

提前致谢

Answer 1

实现此目的的最简单方法之一是为密码列实施渲染器。

{
    header: "Password",
    dataIndex: 'pass',
    inputType: 'password',
    readonly: true,
    renderer: function(val) {
        var toReturn = "";
        for (var x = 0; x < val.length; x++) {
            toReturn += "&#x25cf;";
        }

        return toReturn;
    },
    editor: {
        inputType: 'password',
        allowBlank: false
    }
}

它首先绑定文本的原因是因为它不知道那是密码还是什么。对于专栏，它只是一个简单的文本。由于 inputType: 'password'，该列的编辑器知道它是密码，因此相应地隐藏了它。

我准备了这个fiddle让你有更好的理解。

RowEditing 中的密码字段

Password field in RowEditing

extjs

extjs5