ForeignKey列不选择Kendo-Grid中的值

时间:2013-02-20 15:23:40

标签: grid kendo-ui

我有一个包含某些列的网格,其中一列是foreignKey列。

我想在组合框中显示该列的所有可能值。 ViewData["States"]IList<State>,其中州有Id字段和Name字段。

为实现这一目标,我修改了模板“GridForeignKey.cshtml”,如下所示:

@model object

@(
 Html.Kendo().ComboBoxFor(m => m)        
    .BindTo((SelectList)ViewData[ViewData.TemplateInfo.GetFullHtmlFieldName("") +  
   "_Data"]).Filter(FilterType.Contains).Placeholder("Select...")
)

我的观点如下:

<div class="contentwrapper">
    @{
        ViewBag.Title = "Home Page";
        Layout = "~/Views/Shared/_Layout.cshtml";
    }

    @(
    Html.Kendo().Grid<CustomerModel>()    
    .Name("Grid")
    .Columns(columns => {
        columns.Bound(p => p.Name);

        columns.ForeignKey(p => p.StateId, (IEnumerable)ViewData["States"], "Id", "Name");

        columns.Bound(p => p.StreetAddress).Width(140);
        columns.Bound(p => p.Zip).EditorTemplateName("Integer");
        columns.Command(command => { command.Edit(); command.Destroy(); });//edit and delete buttons
    })
    .ToolBar(toolbar => toolbar.Create())//add button
    .Editable(editable => editable.Mode(GridEditMode.InLine))//inline edit
    .Pageable()
    .Sortable()
    .Scrollable()
    .Filterable()
    .DataSource(dataSource => dataSource        
        .Ajax()                 
        .Events(events => events.Error("error_handler"))
        .Model(model => {
            model.Id(c => c.CustomerId);
            model.Field(c => c.CustomerId).Editable(false);
            model.Field(c => c.Zip).DefaultValue(4444);
        }
        )//id of customer
        .Create(update => update.Action("EditingInline_Create", "Customer"))
        .Read(read => read.Action("EditingInline_Read", "Customer"))
        .Update(update => update.Action("EditingInline_Update", "Customer"))
        .Destroy(update => update.Action("EditingInline_Destroy", "Customer"))
    )
)
</div>
<script type="text/javascript">
    function error_handler(e) {
        if (e.errors) {
            var message = "Errors:\n";
            $.e`enter code here`ach(e.errors, function (key, value) {
                if ('errors' in value) {
                    $.each(value.errors, function () {
                        message += this + "\n";
                    });
                }
            });
            alert(message);//show error
        }
    }
    </script>

现在我的问题:

  1. 我的表格未显示“州”的选定值。
  2. 当我编辑一行时,组合框会显示并包含所有所需的值,但不会选择该值。相反,它始终显示占位符文本。
  3. 在我有一个绑定到我的网格的复杂对象之前,该网格有一个复杂类型的字段本身(State包含IdName属性)但是某种程度上kendo不会让我像p => p.State.Id一样绑定它。这就是我压扁模型的原因,现在我使用字段StateId代替。甚至可以使用像这样的级联复杂类型吗?

2 个答案:

答案 0 :(得分:3)

你所拥有的东西是行不通的。您需要在EditorView中传递EditorTemplate列表,并告诉它使用哪个EditorTemplateName。

columns.ForeignKey(p => p.StateId, (IEnumerable)ViewData["States"], "Id", "Name")
    .EditorViewData(new { statesList = ViewData["States"] })
    .EditorTemplateName("GridForeignKey");

和GridForeignKey.cshtml一样

@model int // Assuming Id is an int
@(Html.Kendo().ComboBoxFor(m => m)
    .Placeholder("Select...")
    .DataValueField("Id")
    .DataTextField("Name")
    .BindTo(ViewData["statesList"])
)

这可能不完全正确,因为我刚刚做到了这一点。但它应该至少让你朝着正确的方向前进。

答案 1 :(得分:1)

在Grid中定义编辑事件后,实现您需要实现的一些客户端脚本

 .Events(events => events.Edit("onEdit"))

if your grid called **myGrid** then your script will be in this way

<script>
$(document).ready(function (e) {
    var innerContent = $(".k-grid-delete").html().replace("Delete", "");
    $(".k-grid-delete").html(innerContent);
});

function onEdit(e) {
    $("#**myGrid** tbody [data-role=dropdownlist]").each(function () {
        var ddl = $(this).data("kendoDropDownList");
        if (ddl) {
            ddl.options.optionLabel = "Select";
            ddl.refresh();
            ddl.value("");
        }
    })
}