Question

我的网格使用插件Ext.grid.plugin.CellEditing。

我的列是根据我的数据动态生成的。

网格看起来像这样：

  ...
  columns: [],
  plugins: [
     Ext.create( 'Ext.grid.plugin.CellEditing', {
        clicksToEdit: 1
        listeners: {
           beforeedit: function( oEditor, oOptions ) { ... }
           edit: function( oEditor, oOptions ) { ... }
        }
     } )
  ...

我现在正尝试将输入字段类型从单行的text更改为password，其中pass列中的值为key。

| Key   |  Value  |
__________________|
|  id   |   5     |
| user  |  admin  |
| pass  |  ****   |  <-- this cell should be input type password
___________________

我尝试了什么：

在侦听器Ext.get( 'textfield-1160-inputEl' ).dom.type = 'password';中通过beforeedit更改输入类型失败，因为它尚未呈现。

我怎样才能做到这一点？

Answer 1

您可以创建要在网格中使用的自定义字段：

Ext.define('Ext.form.PasswordField', {
    extend: 'Ext.form.field.Base',
    alias: 'widget.passwordfield',
    inputType: 'password',
});

您在网格中设置为xtype：

editor: {
    xtype: 'passwordfield',
    allowBlank: false,
}

http://jsfiddle.net/jvtjS/

CellEditing插件 - 输入类型密码

1 个答案: