modello vincolante con Casella di testo disabili

Question

ho una casella di testo che sto definendoli come

<%= Html.TextBox("Username", Model.Form.Username, 
     new { @class = "textbox", @disabled = "disabled" })%> 

Nella mia azione

[AcceptVerbs(HttpVerbs.Post)] 
    [ValidateAntiForgeryToken] 
    public ActionResult EditLogin(LoginForm post) { 

     ... 

     return View(model); 
    } 

post.Username sarà vuoto, tutte le altre proprietà si legano in modo corretto, ma se io change @ disabled = "disabled @ readonly =" readonly "il nome utente si collega correttamente e tutto funziona

Sembra che il binding del modello ignori i valori nei campi disabilitati. Ho bisogno del valore del campo per legare al modello. Posso usare readonly ma preferisco usare disabilitato quindi è visivamente evidente all'utente che non è possibile modificare il valore del campo.

Answer 1

Credo che un campo modulo disattivato non presenti nulla. Se hai un modulo e disabiliti il ​​campo foo in quel modulo, quando pubblichi il post non avrà il valore per il campo foo. Questa è semplicemente la natura della disabilitazione di un campo in HTML e non è un problema MVC.

Answer 2

Se si desidera che il valore venga restituito, ma non modificabile, è consigliabile posizionarlo in un campo nascosto. Ovviamente, non farlo per qualcosa che richiede un certo livello di sicurezza, dal momento che un utente può manometterlo.

Answer 3

uso readonly - disattiverà l'input ma lo avrete ancora nell'associazione. Potresti applicare uno stile al div per renderlo in grigio?

<div class="editor-label"> 
    @Html.LabelFor(model => model.FileName) 
</div> 
<div class="editor-field-greyed-out"> 
    @Html.TextBoxFor(model => model.FileName, new { @readonly = true }) 
    @Html.ValidationMessageFor(model => model.FileName) 
</div> 

Answer 4

Si può fare una soluzione con l'aggiunta di un campo nascosto con lo stesso valore;)

<%= Html.Hidden("Username", Model.Form.Username)%> 

Answer 5

modo più semplice per inviare i campi disabili è per copiarli verso un invisibile, il controllo non disattivato prima di presentare . Alcune persone creano manualmente questi controlli e collegano l'evento on change in jQuery per copiarli su richiesta, ma questa soluzione è generica, facile e meno chatty - anche se una regola: è necessario creare (renderizzare) una pagina pulita dopo il postback (così

$('#submitBtn').closest('form').one('submit', function() { 

    var $form = $(this); 

    // input, textarea, select, option, ----- button, datalist, keygen, output, optgroup 
    $form.find('input:disabled, textarea:disabled, select:disabled, option:disabled').each(function() { 

     var $item = $(this); 

     var hiddenItem = $item.clone(); 
     hiddenItem.removeAttr('id'); 
     hiddenItem.removeAttr('disabled'); 
     hiddenItem.attr('style', 'display: none'); 

     $item.after(hiddenItem); 
    }); 

}); 

Answer 6

@readonly = true non funziona sulla mia pagina. ho fatto ulteriori ricerche. Ecco l'articolo che lo spiega

ReadOnly attribute doesn't work in ASP.NET MVC Models

Answer 7

Come suggerito nei commenti, in sola lettura al posto del disabile può essere un'opzione ma non funzionerà con le caselle selezionate, invece di creare un input nascosto, puoi farlo p l'input o seleziona come disabilitato e passa ancora i dati modificando la proprietà disabilitata con JavaScript al submit.

utilizzando jQuery che sarebbe simile a questa:

$('form').on('submit', function(){ 
    $('input, select').prop('disabled',false); 
    return true; 
});