Kendo 网格和 mvc 编辑器模板答案

【问题标题】：Kendo grid and mvc editor templatesKendo 网格和 mvc 编辑器模板
【发布时间】：2014-04-02 21:44:12
【问题描述】：

我有一个 mvc 编辑器模板（名为 ExpenseTypeEdit），定义如下：

@model ExpenseType
@(Html.Kendo().DropDownListFor(et => et.ExpenseTypeId)
    .OptionLabel("--Please Select--")
    .DataTextField("Description")
    .DataValueField("ExpenseTypeId")
    .DataSource(datasource => datasource
        .Read("GetExpenseTypeList", "Lookup", new { area = "" })
    )
    .HtmlAttributes(new { width = "98%" })   
)

我有一个看起来像这样的剑道网格：

@(Html.Kendo().Grid<ExpenseViewModel>()
    .Name("ExpenseGrid")
    .Editable(editable => editable.Mode(GridEditMode.InLine))
    .Columns(columns =>
    {
        columns.Bound(e => e.ExpenseType)
            .EditorTemplateName("ExpenseTypeEdit");         
        columns.Command(command =>
            {               
                command.Custom("SaveExpense").Click("SaveExpense_click").Text("Save");              
            }
        );
    })
    .DataSource(datasource => datasource.Ajax()
        .ServerOperation(false)
        .Model(model =>
        {
            model.Id(i => i.ExpenseId);
            model.Field(f => f.ExpenseType)
                .DefaultValue(new Solutions.Business.Entities.PrimitiveObjects.ExpenseType { ExpenseTypeId = 0, Description = "" });
        })          
    )
)

SaveExpense_click 函数如下所示：

function SaveExpense_click(e) {
    var item = this.dataItem($(e.currentTarget).closest("tr"));     

    /*
        Variable 'item' looks like like:

        {
            ExpenseType: {
                ExpenseTypeId: 4,
                Description: ""
            }           
        }   
    */  
    //debugger;
};

ExpenseTypeId 存在，但描述不存在。为什么项目没有从下拉列表中选择描述，我需要做什么才能让它通过？

【问题讨论】：

您的下拉菜单是否包含描述？

标签： kendo-ui kendo-grid

【解决方案1】：

无法获取 DDL 服务器端的描述，只能获取值。您可以获取值然后从数据库中检索文本，也可以使用组合框控件，然后您将能够同时获取值和文本。

刚刚注意到您尝试获取客户端，如果是这样的话。

$("#ExpenseTypeId").text() 应该可以工作，根据你的例子item.text() 可能工作

【讨论】：

这样做$("#ExpenseTypeId option:selected").text();