easyui中propertygrid实现密码显示效果
Jun 07, 2016 am 11:36 AM实现一个密码显示效果(非明文显示)
效果如下图所示,输入密码后鼠标点击其他地方,显示圆点代替
实现代码如下:
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元

人気の記事

人気の記事

ホットな記事タグ

メモ帳++7.3.1
使いやすく無料のコードエディター

SublimeText3 中国語版
中国語版、とても使いやすい

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境

ドリームウィーバー CS6
ビジュアル Web 開発ツール

SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)

ホットトピック











初心者から熟練者まで: Go 言語で一般的に使用されるデータ構造のコード実装

Huawei Cloud Edge Computing Interconnection Guide: インターフェースを迅速に実装するための Java コード例

ガイダンスと例: Java で選択ソート アルゴリズムを実装する方法を学習します。
