> 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으로 문의하세요.
인기 추천
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿