如何检查所选行是否具有某些联系人标题?

时间:2015-04-27 01:01:55

标签: javascript jquery asp.net-mvc kendo-ui kendo-grid

使用在ASP.NET MVC的Kendo UI演示中找到的示例index.cshtml,如何检查我选择的行是否具有某些联系人标题?

E.g。如果我选择一行,我想看看该行是否包含联系人标题'销售代表&#39 ;?我怎么能在javaScript中这样做?

我知道我可以将事件绑定到网格但我不确定如何获取特定的行值/ ID并检查联系人标题是否为销售代表?

以下是代码段:

<div id="clientsDb">
    @(Html.Kendo().Grid<Kendo.Mvc.Examples.Models.CustomerViewModel>()
        .Name("grid")
        .Columns(columns =>
        {
            columns.Bound(c => c.ContactName).Width(140);
            columns.Bound(c => c.ContactTitle).Width(190);
            columns.Bound(c => c.CompanyName);
            columns.Bound(c => c.Country).Width(110);
        })
        .HtmlAttributes(new { style = "height: 380px;" })
        .Scrollable()
        .Groupable()
        .Sortable()
        .Pageable(pageable => pageable
            .Refresh(true)
            .PageSizes(true)
            .ButtonCount(5))
        .DataSource(dataSource => dataSource
            .Ajax()
            .Read(read => read.Action("Customers_Read", "Grid"))
        )
    )
</div>

<style>
    #clientsDb {
        width: 952px;
        height: 396px;
        margin: 20px auto 0;
        padding: 51px 4px 0 4px;
        background: url('@Url.Content("~/content/web/grid/clientsDb.png")') no-repeat 0 0;
    }
</style>

1 个答案:

答案 0 :(得分:1)

我会给网格一个Id并使用以下内容:

将此添加到您的网格中:

.Events(events => events.Change("gridClick"))

然后使用此功能:

function gridClick(){
    var grid = $("#gridIdHere").data("kendoGrid");
    var selectedRow = grid.dataItem(grid.select());
    if(selectedRow.contactTitle == "Sales Representative"){
        ..Do stuff here
    }
}

selectedRow将包含模型中的所有字段。