2017-11-17 9 views
0

Ich habe eine Menge Links über versteckt abgelegt Kampf Checkbox Ich habe entschieden, benutzerdefinierte htmlhelper verwenden, aber im Moment kann ich nicht Kontrollkästchen in meiner Seite, wenn ich Checkbox Wort in type="checkbox" es als ein Textfeld angezeigt, denke ich Es ist empfindlich bezüglich der Art des Steuerelements, das ein Namensfeld ist.warum checkbox ist auch mit meinem htmlhelper versteckt?

Update: ich nicht jede Eingabe mit versteckten Wert eingereicht hat Picture

public static class HelperUI 
{ 
    public static MvcHtmlString CheckBoxSimpleFor<TModel>(this HtmlHelper<TModel> htmlHelper, Expression<Func<TModel, bool>> expression, object htmlAttributes) 
    { 
     string checkBoxWithHidden = htmlHelper.CheckBoxFor(expression, htmlAttributes).ToHtmlString().Trim(); 
     string pureCheckBox = checkBoxWithHidden.Substring(0, checkBoxWithHidden.IndexOf("<input", 1)); 
     return new MvcHtmlString(pureCheckBox); 
    } 
} 


<div class="col-md-6"> 
    <div class="form-group row"> 
     <label class="text-right col-md-3">وضعیت</label> 

     <div class="col-md-9"> 

      @Html.CheckBoxSimpleFor(model => model.Status, new { @class = "form-control filled-in" }) 


     </div> 
    </div> 
</div> 
+0

'Position: absolut; links: -9999px; Opazität: 0' –

+0

Dieses CSS-Snippet ist der Grund, warum Sie * Ihr Kontrollkästchen nicht sehen können. Es ist Off-Screen und hat eine Opazität von Null. Sie können sehen, dass CSS aktiv ist, wenn Sie sich den CSS-Inspektor in den Entwicklertools ansehen. –

+0

@ serpent5, ja genau funktioniert es für mich, aber ich änderte Stile ein wenig. 'Position: Unscharf! wichtig;' 'Opazität: 1! Wichtig;' – joe

Antwort

0

Hallo @ Joe, wenn Sie Bootstrap für HTML-Design verwendet wird, dann wird das Kontrollkästchen zeigt, wie versteckt wegen Bootstrap-Checkbox html sysntax oder Design ist anders geartete Änderung als pro es

<div class="checkbox"> 
    <input id="checkbox1" type="checkbox"> 
    <label for="checkbox1"> 
     Default 
    </label> 
     </div> 

dies die Checkbox Gestaltung sysntax oder Code im Boot ist Band, so müssen Sie Änderung wie

machen
<div class="checkbox col-md-9"> 
     @Html.CheckBoxSimpleFor(model => model.Status, new { @class = " filled-in" }) 
    </div> 
Verwandte Themen