实现一个密码显示效果(非明文显示)
效果如下图所示,输入密码后鼠标点击其他地方,显示圆点代替
实现代码如下:
js扩展代码(function($){<br>
/**<br>
* datagrid扩展<br>
*/<br>
$.extend($.fn.datagrid.defaults.editors, {<br>
password: {<br>
init: function(container, options){<br>
return $('<input>').appendTo(container);<br>
},<br>
destroy: function(target){<br>
$(target).remove();<br>
},<br>
getValue: function(target){<br>
return $(target).val();<br>
},<br>
setValue: function(target, value){<br>
$(target).val(value);<br>
},<br>
resize: function(target, width){<br>
$(target)._outerWidth(width);<br>
}<br>
}<br>
});<br>
})(jQuery);
初始化 columns = [[<br>
{field: 'name', title: '名称', width: 80, sortable: true},<br>
{field: 'value', title: '参数', width: 200, sortable: false, formatter:function(value, arr){<br>
var editor = '';<br>
if(typeof arr.editor == 'object'){<br>
editor = arr.editor.type;<br>
}else{<br>
editor = arr.editor;<br>
}<br>
switch(editor){<br>
case 'password':<br>
return value.replace(/./g, '●');<br>
break;<br>
<br>
default:<br>
return value;<br>
}<br>
<br>
}}<br>
]];
AD:真正免费,域名+虚机+企业邮箱=0元

热AI工具

Undresser.AI Undress
人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

AI Hentai Generator
免费生成ai无尽的。

热门文章

热工具

EditPlus 中文破解版
体积小,语法高亮,不支持代码提示功能

SublimeText3 Linux新版
SublimeText3 Linux最新版

WebStorm Mac版
好用的JavaScript开发工具

禅工作室 13.0.1
功能强大的PHP集成开发环境

Atom编辑器mac版下载
最流行的的开源编辑器