Question

我使用Telerik-MVC，当我更改组合框的值时，我正在尝试重新绑定网格。一切似乎都有效，除了我无法获得我的组合框的选定值。这是我的代码：

网格：

@{Html.Telerik().Grid(Model)
        .Name("Grid")
        .Columns(columns =>
        {
            columns.Bound(o => o.Col1);
            columns.Bound(o => o.Col2);
            columns.Bound(o => o.Col3);
        })
        .DataBinding(dataBinding => dataBinding.Ajax()
             .Select("_MyAction", "MyController")
        )
        .ClientEvents(events => events.OnDataBinding("Grid_onDataBinding"))
}

Combobox：

@(Html.Telerik().ComboBox()
        .Name("ComboBox")
        .HtmlAttributes(new { id = "ComboBoxCode" })
        .BindTo(new SelectList(Model.GroupBy(x => x.Code)
                              .Select(o => o.First()).ToList(), 
                              "Code", "Code"))
        .ClientEvents(events => events
                .OnChange("onComboBoxChange")
        )
)

脚本：

function onComboBoxChange(e) {
    $("#Grid").data("tGrid").rebind();
}
function Grid_onDataBinding(e) {
    var code = /* I need to get the combobox value here */;
    e.data = { myCode: code };
}

控制器：

    [GridAction]
    public ActionResult _MyAction(string myCode)
    {
        Console.WriteLine("Code : " + code);
        /*
            Set new model here
        */
        return View(new GridModel(newModel));
    }

我尝试过这样的事情：

var e = document.getElementById("ComboBoxCode");
var code = e.options[e.selectedIndex].text;

但它不起作用。你能告诉我如何解决这个问题并获得正确的价值吗？

Answer 1

问题是当你重新绑定网格时，你并没有真正使用ComboBox选择的值。您的onComboBoxChange函数告诉网格重新绑定，它通过_MyAction方法执行。在任何时候你都没有传递ComboBox值。您应该做的是在数据绑定之前，抓取所选值并将其传递给控制器操作。有关详细信息，请参阅http://www.telerik.com/help/aspnet-mvc/telerik-ui-components-grid-client-api-and-events.html#OnDataBinding。像这样：

function Grid_onDataBinding(e) {
    var combobox = $('#ComboBox').data('tComboBox');
    e.data = { code: combobox.value };
}

（请注意，我实际上没有使用ComboBox做任何工作，因此未经过测试，但这至少应该让您走上正确的道路。请参阅ComboBox documentation。）

使用组合框重新绑定网格，如何获取选定的值？

1 个答案: