Cómo deshabilitar un botón más elegante

tengo en uno de mis puntos de vista el siguiente código de afeitar:Cómo deshabilitar un botón más elegante

@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" /> 
       }

bastante duro. Básicamente, quiero desactivar el botón bajo ciertas condiciones, ya que podría trabajar desde el código. ¿Cuál sería una forma más deseable de hacer esto?

Fuente

2012-04-15 AnonyMouse

Qué lenguaje es esto (además de HTML)? –

¿qué podría ser más deseable? ¿Qué defectos ves en tu solución? – TMS

El lenguaje es C# MVC 3.0 – AnonyMouse

No sé qué idioma se está utilizando, pero que podría ser capaz de mover su declaración if más cerca de los diferentes real entre las dos líneas:

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

Fuente

2012-04-15 21:36:27

Parece que no acepta la parte deshabilitada en la instrucción if. Dice que el nombre 'deshabilitado' no existe en el contexto actual – AnonyMouse

Agregue '@:' antes 'disabled' para marcarlo como texto sin formato. – Yogu

@AnonyMouse - Solucionado ahora gracias a Yogu. En el futuro, debe incluir el idioma en su pregunta para que las personas no tengan que adivinar la sintaxis. –

Un ayudante podría ayudar:

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)); 
    } 
}

y luego:

@Html.ApproveButton(item)

Fuente

2012-04-16 06:45:51

probar este

<button type="submit" disabled="@(!item.PMApproved)"></button>

Fuente

2013-04-25 21:57:14 Gildor

Bien hecho ..... – user2695433

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

No hay necesidad de que el código hinchado, si prefieres algo más sencillo :-)

Fuente

2013-07-15 20:46:14 user1985065

Una solución de marcado centrada en la ayuda de un nuevo método de extensión:

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

En su vistas, reutilizar el wazoo:

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

Muy bien reutilizable, y el margen de beneficio prestado es muy limpio, con respecto a los espacios en blanco:

<button type="reset" disabled="disabled">Clear Fields</button>

Fuente

2013-11-16 01:37:13

Gran solución que realmente sigue el espíritu del marco. Asegúrese de poner el método en un espacio de nombres que MVC pueda ver. – Daniel

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

Fuente

2016-04-25 08:40:49

Cómo deshabilitar un botón más elegante

Respuesta

Cuestiones relacionadas