首页 > php教程 > php手册 > easyui中propertygrid实现密码显示效果

easyui中propertygrid实现密码显示效果

WBOY
发布: 2016-06-07 11:36:53
原创
1178 人浏览过

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

easyui中propertygrid实现密码显示效果

实现代码如下:

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元

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门推荐
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板