Display passwords using propertygrid in easyui

Provides various official and user-released code examples. For code reference, you are welcome to exchange and learn how to achieve a password display effect (non-plaintext display)
As shown in, enter the password and click another place to display dots instead.




The implementation code is as follows:

Js extension code (Function ($ ){
/**
* Datagrid Extension
*/
$. Extend ($. fn. datagrid. defaults. editors ,{
Password :{
Init: function (container, options ){
Return $ (''). AppendTo (container );
},
Destroy: function (target ){
$ (Target). remove ();
},
GetValue: function (target ){
Return $ (target). val ();
},
SetValue: function (target, value ){
$ (Target). val (value );
},
Resize: function (target, width ){
$ (Target). _ outerWidth (width );
}
}
});
}) (JQuery );Initialization Columns = [[
{Field: 'name', title: 'name', width: 80, sortable: true },
{Field: 'value', title: 'parameter', width: 200, sortable: false, formatter: function (value, arr ){
Var editor = '';
If (typeof arr. editor = 'object '){
Editor = arr. editor. type;
} Else {
Editor = arr. editor;
}
Switch (editor ){
Case 'Password ':
Return value. replace (/./g, '● ');
Break;

Default:
Return value;
}

}}
];

AD: truly free, domain name + VM + enterprise mailbox = 0 RMB