如何将文本框值传递给beginform routevalues

时间:2015-06-27 09:14:25

标签: asp.net-mvc-4 html.beginform

我的mvc视图中有一个文本框。我想在beginform route values中传递文本框数据。这样做?

查看:

@using (Html.BeginForm("Index", "InwardDetail", FormMethod.Post))
{
    <fieldset style="width:80%;margin-left:auto;margin-right:auto;margin-top:20px;min-width:60%">
         <div>
            <table class="tableView" style="width:100%">
                <tr>
                    <td>
                        @Html.DevExpress().Label(lbl=>{
                       lbl.Name = "lblFromDate";
                       lbl.Text = "From Date";
                   }).GetHtml()
                    </td>
                    <td>
                        @Html.TextBox("txtFromDate", value: DateTime.Now.ToString("dd/MM/yyyy"), htmlAttributes: new {id="fromDate", Class="textbox",style="width:70px"})
                    </td>

                    <td>
                        @Html.DevExpress().Button(but=>{
                       but.Name = "butView";
                       but.Text = "View";

                       but.UseSubmitBehavior = true;
                                       }).GetHtml()
                    </td>
                </tr>
                <tr>
                    <td colspan="9">
                        @Html.Partial("InwardDetailPartial")
                    </td>
                </tr>
            </table>
        </div>
    </fieldset>
}

控制器:

public ActionResult Index(string fDate)
        {
            _unitOfWork = new UnitOfWork();
            blInwarddetail = new InwardRegisterBL(_unitOfWork);
            var result = blInwarddetail.GetInwardList(fDate);
            return View("Index", result);
        }

如果单击“按钮”,则应将值传递给控制器​​。

1 个答案:

答案 0 :(得分:0)

您使用name="textFromDate"表示您使用txtFromDate: 27/06/2015生成输入。提交表单时,会发送表单控件的名称/值对 - 在您的情况下,它将是txtFromDate

但是您发布到的方法没有名为fDate的参数(只有一个名为[HttpPost] public ActionResult Index(string txtFromDate) { .... } )。您需要将方法更改为

public class FilterViewModel
{
  [Display(Name = "...")] // some user friendly display name
  [Required(ErrorMesage = "Please enter a valid date")]
  public DateTime Date { get; set; }
}

但是,您应该解决的代码存在许多问题

首先,您应该创建一个视图模型来表示您希望在视图中显示/编辑的内容

DateTime

请注意,您显示的代码中显示的是输入日期,而不是字符串,因此属性应为string(不是fDate)。这还可确保您获得属性的客户端和服务器验证。我还为您的属性提供了一个更具描述性的名称public ActionResult Index() { FilterViewModel model = new FilterViewModel(); model.Date = DateTime.Today; return View(model); } (我无法猜到这可能意味着什么 - 也许是FinishDate?)

在GET方法中

@model yourAssembly.FilterViewModel
@using (Html.BeginForm())
{
  ....
  @Html.LabelFor(m => m.Date)
  @Html.TextBoxFor(m => m.Date, "{0:dd/MM/yyyy}", new { @class = "textbox" })
  @Html.ValidationMessageFor(m => m.Date)
  ....
}

在视图中

id

请注意,您现在强烈绑定到您的模型属性。第二个参数指定格式字符串。似乎不需要覆盖id="Date"属性(将@class = ".."),并使用style="width:70px"添加类名。另请注意,因为您要添加类名,所以应删除[HttpPost] public ActionResult Index(FilterViewModel model) { if (!ModelState.IsValid) { return View(model); } // model.Date will contain the value enter by the user } ,而是使用css。您还应该删除表元素。 Html表元素用于表格数据,而不是用于布局。

最后post方法将是

FormMethod.GET

最后我会质疑这是否应该是一个POST。形成代码,您似乎没有更改任何数据,也许这应该是labelAlignment?或者更好的是,使用ajax根据过滤器更新当前页面。