实现一个密码显示效果(非明文显示)
效果如下图所示,输入密码后鼠标点击其他地方,显示圆点代替




实现代码如下:

js扩展代码(function($){
/**
* datagrid扩展
*/
$.extend($.fn.datagrid.defaults.editors, {
password: {
init: function(container, options){
return $('<input type="password" class="datagrid-editable-input" />').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);初始化 columns = [[
{field: 'name', title: '名称', width: 80, sortable: true},
{field: 'value', title: '参数', 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;
}

}}
]];

评论() 相关

收藏

赞

531381545

ThinkPHP 是一个免费开源的,快速、简单的面向对象的 轻量级PHP开发框架 ,创立于2006年初,遵循Apache2开源协议发布,是为了敏捷WEB应用开发和简化企业应用开发而诞生的。ThinkPHP从诞生以来一直秉承简洁实用的设计原则,在保持出色的性能和至简的代码的同时,也注重易用性。并且拥有众多的原创功能和特性,在社区团队的积极参与下,在易用性、扩展性和性能方面不断优化和改进,已经成长为国内最领先和最具影响力的WEB应用开发框架,众多的典型案例确保可以稳定用于商业以及门户级的开发。