追加または編集するための1つまたは2つのダイアログインスタンス？

Question

は、追加用と編集用の2つのダイアログインスタンスを作成する方が良いですか、1つのダイアログを使用できますか？

例これは、私は現在、自分自身を繰り返してはいけませんDRY原則パー

 // Add Dialog 
     $('#addProgramDialog').dialog({ 
      autoOpen: false, 
      width: 400, 
      height: 500, 
      title: 'Add Program', 
      buttons: { 
       'Cancel': function() { 
        $(this).dialog('close'); 
       }, 
       'Save': function() { 
        saveProgramRequest(); 
       } 
      } 
     }); 


     // Edit Dialog 
     $('#editProgramDialog').dialog({ 
      autoOpen: false, 
      width: 400, 
      height: 500, 
      title: 'Edit Program', 
      buttons: { 
       'Cancel': function() { 
        $(this).dialog('close'); 
       }, 
       'Update': function() { 
        updateProgramRequest(); 
       } 
      } 
     }); 

Answer 1

を使用していますものです。あなたの例では、width、height、autoOpenパラメータ、およびCancelボタンの宣言を複製しています。 jQueryの各メソッドを使用してダイアログをループし、必要に応じてカスタマイズするだけで、これを防ぐことができます。例として： - http://jsfiddle.net/YTbnN/

$('#addProgramDialog, #editProgramDialog').each(function(index, node) { 
    var options = { 
     //autoOpen: false, 
     width: 400, 
     height: 500, 
     buttons: { 
      'Cancel': function() { 
       $(this).dialog('close'); 
      } 
     } 
    }; 

    if (node.id == "addProgramDialog") { 
     options.title = 'Add Program'; 
     options.buttons['Save'] = function() { 
      saveProgramRequest(); 
     } 
    } else { 
     options.title = 'Edit Program'; 
     options.buttons['Update'] = function() { 
      updateProgramRequest(); 
     } 
    } 

    $(node).dialog(options); 
}); 

ここに住んで、この例を示すために、jsFiddleです。