そこで、この jqueryui ウィジェットを作成しました。これは、エラーをストリームできる div を作成します。ウィジェット コードは次のようになります。
$.widget('ui.miniErrorLog', {
logStart: "<ul>", // these next 4 elements are actually a bunch more complicated.
logEnd: "</ul>",
errStart: "<li>",
errEnd: "</li>",
content: "",
refs: [],
_create: function() { $(this.element).addClass( "ui-state-error" ).hide(); },
clear: function() {
this.content = "";
for ( var i in this.refs )
$( this.refs[i] ).removeClass( "ui-state-error" );
this.refs = [];
$(this.element).empty().hide();
},
addError: function( msg, ref ) {
this.content += this.errStart + msg + this.errEnd;
if ( ref ) {
if ( ref instanceof Array )
this.refs.concat( ref );
else
this.refs.push( ref );
for ( var i in this.refs )
$( this.refs[i] ).addClass( "ui-state-error" );
}
$(this.element).html( this.logStart + this.content + this.logEnd ).show();
},
hasError: function()
{
if ( this.refs.length )
return true;
return false;
},
});
これにエラー メッセージを追加したり、エラー状態になるページ要素への参照を追加したりできます。ダイアログを検証するために使用します。"addError" メソッドでは、次のように単一の ID または ID の配列を渡すことができます。
$( "#registerDialogError" ).miniErrorLog(
'addError',
"Your passwords don't match.",
[ "#registerDialogPassword1", "#registerDialogPassword2" ] );
しかし、ID の配列を渡すと機能しません。問題は次の行にあります (私の考えでは):
if ( ref instanceof Array )
this.refs.concat( ref );
else
this.refs.push( ref );
なぜ連結が機能しないのでしょうか。this.refs と ref はどちらも配列です。では、なぜ連結が機能しないのでしょうか。
ボーナス: このウィジェットで他に何かバカなことをしているでしょうか? これは私の最初のものです。
ベストアンサー1
concat メソッドは元の配列を変更しないため、再割り当てする必要があります。
if ( ref instanceof Array )
this.refs = this.refs.concat( ref );
else
this.refs.push( ref );