用combobox重新绑定网格，如何获取选定值？

Question

我使用的是Telerik-MVC，当我更改combobox的值时，我会尝试重新绑定网格。除了我不能得到我的组合框的选定值之外，一切看起来都正常。下面是我的代码：

网格：

@{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"))
}

组合框：

@(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 selected值。您的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。)