如何在Web应用程序Asp.Net MVC中配置复选框实现CSS [英] How to configure Checkboxes Materialize Css in Web application Asp.Net MVC

问题描述

如何在Asp.Net MVC Razor中配置复选框.

How do I configure Checkboxes in Asp.Net MVC Razor.

由于在文档中，我们为复选框提供了以下配置Materialize:

Since in the documentation we have the following configuration Materialize for checkboxes :

<p>
   <label>
     <input type = "checkbox" />
     <span> Network </span>
   </label>
</p>

在Razor中，我无法执行此配置.

<div class = "input-field col s12">
        @Html.EditorFor (model => model.AnnualDestaque)
        @Html.LabelFor (model => model.AnnualDestaque)
        @Html.ValidationMessageFor (model => model.AnnualDestaque, "", new {@class = "text-danger"})
</div>

推荐答案

请在您的cshtml页面中添加模型名称

Please include model Name in your cshtml page

@model WebApplication3.Models.Test
@{
 ViewBag.Title = "Home Page";
 }


@using (Html.BeginForm("Save", "Home", FormMethod.Post))
 {
  <div class="row">
  <div class="col-md-4">
    @Html.TextBoxFor(m => m.EmployeeName)
    @Html.CheckBoxFor(m=>m.IsSelected)

  </div>

   <input type="submit" value="Save" />

  </div>
}

模型

public class Test
{
    public string EmployeeName { get; set; }
    public bool IsSelected { get; set; }
}

这篇关于如何在Web应用程序Asp.Net MVC中配置复选框实现CSS的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！