Javascript Function not able to be found

[kevin]

The code below throws a Javascript error that the function filter can not be found. Its defined right below the control. Why can't it be found?


                        @(Html.Kendo().ComboBoxFor(m=>m.childId)
                            .HtmlAttributes(new { style = "width:100%;" })
                            .Placeholder("Select ...")
                            .DataTextField("description")
                            .DataValueField("id")
                            .DataSource(source =>
                            {
                                source.Read(read =>
                                {
                                    read.Action("getData", "controller1")
                                    .Type(HttpVerbs.Get)
                                    .Data("filter");
                                })
                                .ServerFiltering(true);
                            })

                            .AutoBind(true)
                        )           
                        <script>
                            function filter() {
                                return {
                                    id: $("#Id").data("kendoComboBox").value()
                                }
                            }
                        </script>

[Ivan Danchev]

Hi Kevin,

Getting this exception indicates the component is initialized in a partial view. In such cases the handler must be declared before the component's initialization, so try moving the script block with the "filter" handler before the ComboBox.

Regards,
Ivan Danchev
Progress Telerik