ExtJS を使用したパスワード強度の実装を調べていて、この特定の実装に出くわしました。
これは ExtJS 4 を使用して実装されており、ExtJS 3 で使用することを検討していました。いくつかのオプションを試しましたが、あまりわかりませんでした。
ExtJS 3 で動作させるために必要な特定のことがあれば教えてください。
役立つ場合は、このプラグインのGithub リンクを次に示します。
ExtJS を使用したパスワード強度の実装を調べていて、この特定の実装に出くわしました。
これは ExtJS 4 を使用して実装されており、ExtJS 3 で使用することを検討していました。いくつかのオプションを試しましたが、あまりわかりませんでした。
ExtJS 3 で動作させるために必要な特定のことがあれば教えてください。
役立つ場合は、このプラグインのGithub リンクを次に示します。
いくつかのプロジェクトで、このウィジェットを使用しました: Ext.ux.PasswordMeter
うまくいきましたので、こちらもご検討いただければと思います。
簡単そうです。Ext.form.TextField
同じロジックでクラスを拡張するだけです。彼らはイベントで実際の「強さ」を処理してonFieldChange
います.Ext 3にはドキュメントで見ることができるものからは存在しませんが、keyup : ( Ext.form.TextField this, Ext.EventObject e )
イベントで同じことを簡単に行うことができます.
ソースを見て、2 つの関数が定義されていることを確認してprocessValue
くださいscorePassword
。これらの関数を直接コピーしてから、キーアップ関数を実装してそれらを使用できます。
クラスを作成します。
Ext.form.PasswordStrength = Ext.extend(Ext.form.TextField, {
initComponent: function () {
// write your code, functions, etc here
// default values you want for your TextField
var config = {
}
Ext.apply(this, config);
Ext.form.PasswordStrength.superclass.initComponent(this);
}
});
// register an xtype
Ext.reg("passwordstrength", Ext.form.PasswordStrength);
それはあなたが始めるのに十分なはずです.