ホームページ php教程 php手册 easyui中propertygrid实现密码显示效果

easyui中propertygrid实现密码显示效果

Jun 07, 2016 am 11:36 AM

实现一个密码显示效果(非明文显示)
效果如下图所示,输入密码后鼠标点击其他地方,显示圆点代替
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元

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットな記事タグ

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

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

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

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

Python プログラミングの入門コード例について学びます。 Python プログラミングの入門コード例について学びます。 Jan 04, 2024 am 10:50 AM

Python プログラミングの入門コード例について学びます。

PHP 変数の実際の使用: 10 の実際の使用例 PHP 変数の実際の使用: 10 の実際の使用例 Feb 19, 2024 pm 03:00 PM

PHP 変数の実際の使用: 10 の実際の使用例

PHPを使用して在庫管理システムに在庫管理機能コードを記述する方法 PHPを使用して在庫管理システムに在庫管理機能コードを記述する方法 Aug 06, 2023 pm 04:49 PM

PHPを使用して在庫管理システムに在庫管理機能コードを記述する方法

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

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

Java は単純なバブルソートコードを実装します Java は単純なバブルソートコードを実装します Jan 30, 2024 am 09:34 AM

Java は単純なバブルソートコードを実装します

Go 言語プログラミングの例: Web 開発のコード例 Go 言語プログラミングの例: Web 開発のコード例 Mar 04, 2024 pm 04:54 PM

Go 言語プログラミングの例: Web 開発のコード例

Huawei Cloud Edge Computing Interconnection Guide: インターフェースを迅速に実装するための Java コード例 Huawei Cloud Edge Computing Interconnection Guide: インターフェースを迅速に実装するための Java コード例 Jul 05, 2023 pm 09:57 PM

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

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

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

See all articles