在 MVC Razor 语法中访问过滤器源

Question

如何在如下所示的 MVC Razor 中实现 change:function(e) 中的内容？几天来，我一直在敲打我的头，找不到任何东西。

$(document).ready(function() {
var items = [
    {value : '1',
     desc : 'fred'},
    {value : '2',
     desc : 'wilma'},
    {value : '3',
     desc : 'pebbles'},
    {value : '4',
     desc : 'dino'}
];

var cb = $('#comboBox').kendoComboBox({
    dataSource : items,
    dataTextField : 'desc',
    dataValueField : 'value',
    filter : 'contains',
    change : function (e) {
        if (this.value() && this.selectedIndex == -1) {    
            this._filterSource({
                value: "",
                field: this.options.dataTextField,
                operator: "contains"
            });
            this.select(1);
        }
    }
}).data('kendoComboBox');

$('#showValue').click(function () {
    alert(cb.value());
});

});

这里的工作示例 --> JSFiddle

---

这是我目前所拥有的。 if 语句中的内容没有任何作用。

function onChange(e) {
    var lT = $("#loadType").data("kendoComboBox").input.val();
    if (lT != "Generic") {
        // Here I need to compare what's entered to what is populated in the comboBox dropdown
        if (this.selectedIndex == -1) {
            this._filterSource({ 
                value: "",
                field: this.options.dataTextField,
                operator: "contains"
            });
            this.select(1);

                //this is for Testing purposes only
                alert("See Me?");
            }

        //this is for Testing purposes only
        alert(lT + " " + this.selectedIndex + " " + this.value());
    }
};

为了完整起见，这里也是组合框：

<div class="form-group">
        @Html.LabelFor(model => model.loadDescrip, new { @class = "control-label col-md-2" })
        <div class="col-md-10">
            @(Html.Kendo().ComboBox()
                    .Name("loadDescrip")
                    .Filter(FilterType.Contains)
                    .DataTextField("DocCode")
                    .DataValueField("DocCode")
                    .DataSource(source =>
                    {
                        source.Read(read =>
                        {
                            read.Action("GetCascadeDocumentNumbers", "DockDoor")
                                .Data("filterLoadDescription");
                        })
                      .ServerFiltering(true);
                    })
                    .Enable(false)
                    .AutoBind(false)
                    .CascadeFrom("loadType")
                    .Events(e =>
                        {
                e.Change("onChange");
                        })
            )
            @Html.ValidationMessageFor(model => model.loadDescrip)
        </div>
    </div>

Answer 1

您可以通过两种方式在 Razor 中处理事件：

1. 指定事件处理程序的名称

   @(Html.Kendo().ComboBox()
         .Name("combobox")
         .Events(events => events.Change("combobox_change"))
   )
   <script>
   function combobox_change(e) {
     // handle the event
   }
   </script>
   

2. 将事件处理程序定义为 Razor 模板委托

   @(Html.Kendo().ComboBox()
     .Name("combobox")
     .Events(events => events.Change(@<text>
         function(e) {
            // handle the event
         }
     </text>))
   )
   

更多信息可以在这里找到：http://docs.kendoui.com/getting-started/using-kendo-with/aspnet-mvc/helpers/combobox/overview#handling-kendo-ui-combobox-events