Comment faire pour désactiver un bouton de manière plus élégante

J'ai sur un de mes points de vue suivants rasoir code:

@if (item.PMApproved != true) {
                    <input type="button" class="btnresetinvoice button" value="Reset" data-invoiceid="@item.InvoiceId" />
                }
                else {
                    <input type="button" class="btnresetinvoice button" value="Reset" data-invoiceid="@item.InvoiceId" disabled="disabled" />
                }

Assez rude. Fondamentalement, je veux désactiver le bouton sous une certaine condition que vous seriez en mesure de travailler à partir du code. Ce serait plus souhaitable de le faire?

Quelle langue est-ce (en plus de HTML)?
ce qui pourrait être plus souhaitable? Quels défauts voyez-vous dans votre solution?
La langue est C# MVC 3.0
C'est le rasoir moteur de template qui permet de C# scripting via @ préfixe.
Oui rasoir moteur de template

OriginalL'auteur AnonyMouse | 2012-04-15

  1. 13

    Je ne sais pas quelle est la langue que vous utilisez, mais vous pourriez être en mesure de déplacer votre if déclaration de rapprocher les différents entre les deux lignes:

    <input type="button" class="btnresetinvoice button" value="Reset"
       data-invoiceid="@item.InvoiceId"
       @{ if(item.PMApproved != true) { 
             @:disabled="disabled" 
        } }
/>
    Ne semble pas accepter les personnes handicapées dans le cadre de l'instruction if. Il dit que le nom de "personnes handicapées" n'existe pas dans le contexte actuel
    Ajouter @: avant disabled de le marquer en tant que texte brut.
    Fixe maintenant, grâce à Yogu. Dans l'avenir, vous devez comprendre la langue dans votre question, afin que les gens n'avez pas à deviner au niveau de la syntaxe.
    Je suis en train de l'utiliser dans mon code, mais la @: semble cacher les } dans mon code qui provoque une erreur de syntaxe des idées sur ce que?
    Peut-être essayer de mettre le texte en clair sur sa propre ligne? Ou tout simplement le <% ... %> syntaxe?

    OriginalL'auteur Brendan Long

  2. 13

    Un balisage centrée sur la solution de facilitée par une nouvelle méthode d'extension:

    public static class HtmlExtensions
{
   public static HtmlString DisabledIf(this HtmlHelper html, bool condition)
   {
      return new HtmlString(condition ? "disabled=\"disabled\"" : "");
   }
}

    Dans vos vues, de les réutiliser comme s'il en pleuvait:

    <button type="reset" @Html.DisabledIf(someCondition)>Clear Fields</button>

    Bien réutilisables, et le rendu de balisage est très propre en ce qui concerne les espaces:

    <button type="reset" disabled="disabled">Clear Fields</button>
    Excellente solution vraiment que suit l'esprit de la cadre. Assurez-vous de mettre de la méthode dans un espace de noms qui MVC pouvez le voir.

    OriginalL'auteur David Grant

  3. 3

    essayer cette

    <button type="submit" disabled="@(!item.PMApproved)"></button>
    Bien fait.....
    Seule solution sur cette page qui fonctionne pour moi en .Net Core 2.1

    OriginalL'auteur Gildor

  4. 2

    Un helper peut vous aider:

    public static class HtmlExtensions
{
    public static IHtmlString ApproveButton(this HtmlHelper htmlHelper, MyViewModel item)
    {
        var button = new TagBuilder("input");
        button.Attributes["type"] = "button";
        button.Attributes["value"] = "Reset";
        button.AddCssClass("btnresetinvoice");
        button.AddCssClass("button");
        button.Attributes["data-invoiceid"] = item.InvoiceId.ToString();
        if (item.PMApproved)
        {
            button.Attributes["disabled"] = "disabled";
        }
        return new HtmlString(button.ToString(TagRenderMode.SelfClosing));
    }
}

    et puis:

    @Html.ApproveButton(item)

    OriginalL'auteur Darin Dimitrov

  5. 1

    <input type="button" value="Reset" @{@((!item.PMApproved) ? null : new { disabled = "disabled" })}; />

    Pas besoin de ballonnement code, il suffit de faire simple 🙂

    OriginalL'auteur user1985065

  6. 1
    <button @(isEnabled ? null : "disabled")>Butt</button>

    OriginalL'auteur Oğuzhan Türk