RowEditing中的密码字段

时间:2016-05-13 18:20:38

标签: extjs extjs5

我正在使用RowEditing,其中一个字段是密码字段。为此我确实尝试绑定数据 -

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

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

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

提前致谢

1 个答案:

答案 0 :(得分: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让你有更好的理解。