4

我正在尝试创建一个使用 KENDO UI Dropdown 的应用程序。问题是我想将视图中的值更新到数据库中。在下拉列表中选择任何值时,与其关联的 ID 应传递到控制器以进行所需的数据库更新。但是在这里,下拉列表中任何选择的 ID 都会将“null”作为值传递给控制器​​。

我的观点

@using Kendo.Mvc.UI
@model ExamplekendoDropdown.Models.FacilityGroup

@{
    ViewBag.Title = "FacilityGroup";
}

<h2>FacilityGroup</h2>

@using (Html.BeginForm())
{
    @Html.ValidationSummary(true)

    <fieldset>
        <legend>FacilityGroup</legend>

        <div id="RegionName"  class="editor-label">
            @Html.LabelFor(model => model.RegionId)
        </div>
        <div class="editor-field">
           @* @Html.EditorFor(model => model.RegionName)*@
           @(Html.Kendo().DropDownList()
          .Name("Region")
          .DataTextField("RegionName")
          .DataValueField("RegionId")
          .DataSource(source =>
          {
              source.Read(read =>
              {
                  read.Action("GetRegion", "Fill");
              });

          })
    )
            @Html.ValidationMessageFor(model => model.RegionId)
        </div>
     <div id="Rest">
@*<form method="post" action='@Url.Action("Submit")' style="width:45%">
    <div>
        @(Html.Kendo().Upload()
            .Name("files")
        )
        <p>
            <input type="submit" value="Submit" class="k-button" />
        </p>
    </div>
</form>*@

        <div class="editor-label">
            @Html.LabelFor(model => model.FaclityGroupName)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.FaclityGroupName)
            @Html.ValidationMessageFor(model => model.FaclityGroupName)
        </div>

        <div class="editor-label">
            @Html.LabelFor(model => model.status)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.status)
            @Html.ValidationMessageFor(model => model.status)
        </div>

        <div class="editor-label">
            @Html.LabelFor(model => model.CreationDate)
        </div>
        <div class="editor-field">
          @*  @Html.EditorFor(model => model.CreationDate)*@
          @(Html.Kendo().DatePicker()
              .Name("datepicker")
              .Value("17/08/2011")
              .HtmlAttributes(new { style = "width:150px" })
        )
            @Html.ValidationMessageFor(model => model.CreationDate)
        </div>

        <p>
            <input type="submit" value="Create" />
        </p>
        </div>

    </fieldset>
}
        <div>
        @Html.ActionLink("See the List", "List")
        </div>
<div>
    @Html.ActionLink("Back to List", "About")
</div>
<script type="text/javascript">
    $(document).ready(function () {

        $("#RegionName").click(function () {
            $("#Rest").show();
        });
    });
</script>

@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")
}

控制器 :-

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
using ExamplekendoDropdown.Models;

namespace ExamplekendoDropdown.Controllers
{
    public class FacilityGroupController : Controller
    {
        //
        // GET: /FacilityGroup/

        public ActionResult FacilityGroup()
        {
            return View();
        }
        [HttpPost]
        public ActionResult FacilityGroup(FacilityGroup objadd)
        {
            AMIEntities1 obj1 = new AMIEntities1();
            Facility objtbl = new Facility();

                objtbl.RegionId = Convert.ToInt16(objadd.RegionId);
                objtbl.FaclityGroupName = objadd.FaclityGroupName.ToString();
                objtbl.Status = objadd.status;
                objtbl.CreationDate = objadd.CreationDate;

                obj1.AddToFacilities(objtbl);
                obj1.SaveChanges();
                obj1.AcceptAllChanges();


            return View();
        }
    }
}

请帮助!

4

5 回答 5

3

我建议您使用 DropDownListFor() ,然后确保 .Name 与属性名称匹配。在你的情况下:

 @(Html.Kendo().DropDownListFor(model => model.RegionId)
      .Name("RegionId")
      .DataTextField("RegionName")
      .DataValueField("RegionId")
      .DataSource(source =>
      {
          source.Read(read =>
          {
              read.Action("GetRegion", "Fill");
          });
      })
  )
于 2012-09-13T19:49:49.360 回答
0

晚上好,

使用下拉列表填充的变量类型可能存在问题(从这里开始,称为支持变量)。

我以前遇到过你的问题,问题是我的支持变量是一个可为空的 int(例如 int?)。当您拥有数据类型“int”的属性时?作为您的支持变量,该值将始终为 HttpPost 控制器操作方法的 null - 少做一件事:在将属性传递给视图之前为其分配一个值。例如,我的 ID 通常从 1 开始并增加,因此我通常将可为空的支持变量分配给 0,然后再将其发送到视图。这样,当页面提交时,模型包含下拉列表的选定值,而不是 null,或者 0。

如果在视图中属性为空,那么 Kendo 下拉菜单似乎会提交一个空值。

我刚刚注意到你没有像上面的海报推荐的那样使用“DropDownListFor”..所以我认为这对你没有多大帮助,不幸的是。

于 2013-01-03T21:44:19.910 回答
0

我首先将下拉名称重命名为“RegionId”,正如 Nick Pearce 的回答中所建议的那样。

然后,您可能需要在下拉列表中添加如下内容:

.Events(events =>
{
    events.Save("dropdown_Save");
})

然后这个 JavaScript 函数:

<script type="text/Javascript">
    function dropdown_Save(e) {
        var regionId = $("#RegionId").data().kendoDropDownList.value();
        e.model.set("RegionId", regionId);
    }
</script>

这样做对我有用,可以在剑道网格中创建一个新行。据我了解,如果不更改它们的值,如果它们用于可空值,显然有一个已知的 Kendo 错误。请参阅此站点上“您已完成”的上方: http ://www.sitereq.com/post/kendo-mvc-dropdown-lists-inside-inline-kendo-mvc-grids

于 2014-09-11T04:08:24.233 回答
0

有两种获取值的方法:

Way1 : 在 kendo 下拉菜单中添加 .Value(model => model.FieldName) ,该值会自动绑定。

方式2:转到控制器:

public ActionResult Create(FromCollection collection)
{
    var id = collection["ComboName"]; // Here you can get the selected value

    return View();
}
于 2013-07-18T12:29:30.687 回答
0

我遇到了同样的问题,因为我使用的是 ViewModel,所以我无法转到 DropDownListFor。要获取选定的值,您将不得不进入 ModelState。所以你的代码看起来像这样:

[HttpPost]
    public ActionResult FacilityGroup(FacilityGroup objadd, string Region)
    {
        AMIEntities1 obj1 = new AMIEntities1();
        Facility objtbl = new Facility();

            objtbl.RegionId = int.Parse(Region);
            objtbl.FaclityGroupName = objadd.FaclityGroupName.ToString();
            objtbl.Status = objadd.status;
            objtbl.CreationDate = objadd.CreationDate;

            obj1.AddToFacilities(objtbl);
            obj1.SaveChanges();
            obj1.AcceptAllChanges();


        return View();

由于在 HttpPost 期间视图将完整的表单发送回控制器,并且由于 Html.Kendo().DropDownList 作为输入呈现,因此字符串“YourControlName”值将是从下拉列表中选择的值。

我意识到这个问题已经超过 8 个月了,但我希望这能帮助像我这样在任何地方都找不到答案的人。

于 2013-04-03T18:27:57.980 回答