Question

我在使用Razor时遇到困难，以及它如何将值传递给我的控制器。

我有以下代码

    <div data-role="fieldcontain" class="inline-toggle">
        <label for="autoreload">Yes or No? <a href="#"><img class="smallInfo" src="/sites/dev-demo/mobile/assets/images/info@2x.png"></a>:</label>
        <select name="autoreload" class="togglehidden" id="autoreload" data-role="slider" data-hidden-id="#autohidden">
            <option value=@(Model.IsTrue = false)>No</option>
            <option value=@(Model.IsTrue = true)>Yes</option>
        </select>
        <div id="autohidden" class="hide">
<input type="text" name="thevalue" id="value" value="@Model.TheValue" placeholder="">
        </div>
    </div>

正如你所看到的，它是一个切换，当我切换是的时候，我想要传回true的值，如果不是，我希望将false的值传递回我的模型。另外，我有一个文本框，我可以在其中输入任何我希望传回我的模型的值。有人可以帮助我使用这种语法吗？

谢谢

Answer 1

如果你想让这个工作，你将不得不使用一个表格。您可以选择标准表格或AJAX表单，但为了清晰起见，我会坚持使用标准。

类似的东西：

@using(html.BeginForm("MyAction", "SomeController")){
 <div data-role="fieldcontain" class="inline-toggle">
        <label for="autoreload">Yes or No? <a href="#"><img class="smallInfo" src="/sites/dev-demo/mobile/assets/images/info@2x.png"></a>:</label>
        <select name="autoreload" class="togglehidden" id="autoreload" data-role="slider" data-hidden-id="#autohidden">
            <option value=@(Model.IsTrue = false)>No</option>
            <option value=@(Model.IsTrue = true)>Yes</option>
        </select>
        <div id="autohidden" class="hide">
          <input type="text" name="thevalue" id="value" value="@Model.TheValue" placeholder="">
        </div>
    </div>
 <input type="submit" value="Submit" />
}

在您的控制器中

public class SomeController : Controller {
 [HttpPost]
 public ActionResult MyAction(FormCollection form){
  var toggle = form["autoreload"];
  var thevalue = form["value"];
 }
}

或者您创建自定义类

public class MyModel {
 public bool AutoReload {get; set;}
 public string TheValue {get; set;}
}

在你的视图中使用它

@model MyModel
    @using(html.BeginForm("MyAction", "SomeController")){
     <div data-role="fieldcontain" class="inline-toggle">
            <label for="autoreload">Yes or No? <a href="#"><img class="smallInfo" src="/sites/dev-demo/mobile/assets/images/info@2x.png"></a>:</label>
            // without razor syntax
            <select name="autoreload" class="togglehidden" id="autoreload" data-role="slider" data-hidden-id="#autohidden">
                <option value=@(Model.IsTrue = false)>No</option>
                <option value=@(Model.IsTrue = true)>Yes</option>
            </select>
            <div id="autohidden" class="hide">
              @Html.EditorFor(x => x.TheValue) // with razor syntax
            </div>
        </div>
     <input type="submit" value="Submit" />
    }

并按照以下方式构建控制器：

public class SomeController : Controller {
 [HttpPost]
 public ActionResult MyAction(MyModel model){
  var toggle = model.AutoReload;
  var thevalue = model.TheValue;
 }
}

这是所有C＃/ ASP.NET MVC 4 101，但是你可以找到很多相关的信息。我建议您查看these个视频！

Answer 2

让我们说AController

public class AController : Controller
{
      public ActionResult YourView()
      {
         return View();
      }
      [HttpPost]
      public ActionResult YourView(boolean autoreload)
      {
         //autoreload
         return View();
      }
}

查看

<div data-role="fieldcontain" class="inline-toggle">
        <label for="autoreload">Yes or No? <a href="#"><img class="smallInfo" src="/sites/dev-demo/mobile/assets/images/info@2x.png"></a>:</label>
       @using(Html.BeginForm("YourView","A",FormMethod.POST)){
        <select name="autoreload" class="togglehidden" id="autoreload" data-role="slider" data-hidden-id="#autohidden">
            <option value=@(Model.IsTrue = false)>No</option>
            <option value=@(Model.IsTrue = true)>Yes</option>
        </select>
           }
        <div id="autohidden" class="hide">
<input type="text" name="thevalue" id="value" value="@Model.TheValue" placeholder="">
        </div>
    </div>

在body标记结束之前，我假设您正在使用jQuery

<script type="text/javascript">
$(document).ready(function(){
$("input[name=autoreload]").change(function(){
     $(this).closest("form").submit();
});
});
</script>

我刚从没有测试的地方写到这里。

Answer 3

您需要使用表单或ajax将值发送到服务器。

HtmlHelpers通常会为bools生成如下内容

<input type="checkbox" value="true" name="autoReload" />
<input type="hidden" value="false" name="autoReload" />

如果未选中复选框，则默认为false。

public class MyModel
{
    public bool AutoReload {get; set;}
}

....

public ActionResult DoSomething(MyModel model) 
{
    if (model.AutoReload)
        /* do something */
}

我如何通过mvc4中的剃刀传递值

3 个答案: