Conditionnel Si les instructions sont dans les options de jQueryUI?

Question

J'ai une fonction JavaScript à laquelle je passe un argument, qui ouvre une boîte de dialogue jQueryUI. Je veux que le dialogue ait un ou deux boutons, basé sur la valeur de l'argument. Comment dois-je faire cela?

Jusqu'à présent, j'ai essayé:

function foo(hasFile) { 
    $('#dialog').dialog({ 
     buttons: { 
      Close: function() { $(this).dialog('close'); }, 
      if (hasFile) 
       "Download": // do something 
    } 
    }); 
} 

et

function foo(hasFile) { 
    $('#dialog').dialog({ 
     buttons: 
      if (hasFile) 
      { 
       "Download": // do something 
       Close: function() { $(this).dialog('close'); } 
      } 
      else 
      { 
       Close: function() { $(this).dialog('close'); } 
      } 
    }); 
} 

qui ont tous deux complètement brisé ma page.

Answer 1

buttons est un objet littéral JavaScript. Vous pourriez faire quelque chose comme ceci:

function foo(hasFile) { 
    var buttons = { 
     Close: function() { $(this).dialog('close'); } 
    }; 

    if (hasFile) { 
     buttons.Download = function(){ 
      // Do something. 
     }; 
    } 
    $('#dialog').dialog({ 
     buttons: buttons 
    }); 
} 

Answer 2

d'une manière générale de le faire est comme ceci:

foo.dialog({ 
    // ... 
    buttons: (function() { 
    function CloseHandler() { 
     // close ... 
    }; 
    function DownloadHandler() { 
     // download ... 
    }; 

    return condition ? 
     { "Download": DownloadHandler, "Close": CloseHandler } : 
     { "Close": CloseHandler }; 
    })(), 
    // ... 
}); 

L'idée est que vous créez une fonction où vous pouvez prendre des décisions, puis retourner le résultat vous décidez.