[Solved] Filtering problems: telerik.grid.filtering.min.js

[Kenneth Jamieson]

Ok... new problem :)

I have a grid that works fine until I enable filtering (sorting and so on work fine) - then it has problems. Here is the code in the view...

<%= Html.Telerik().Grid(Model.Players)
        .Name("Roster")
        .Columns(columns =>
        {
            columns.Add(o => o.FirstName).Width(120);
            columns.Add(o => o.LastName).Width(120);
            columns.Add(o => o.Position).Width(50);
            columns.Add(o => o.Height).Width(120);
            columns.Add(o => o.Weight).Width(120);
        })
        .Ajax(ajax => ajax.Action("_RosterAjaxBinding", "Players"))
        .Pageable()
        .Sortable()
        .Filterable()
%>
</asp:Content>

The controller is as follows, where "Roster" is the initial action. The WebPlayerListView obkject has "Players" as a IEnumerable<PlayerView>.

        [GridAction]
        public ActionResult _RosterAjaxBinding()
        {
            WebPlayerListView rawview = webPlayerViewFactory.CreateWebPlayerListView(0, 50000);

            var gridview = new GridModel<PlayerView>();
            gridview.Data = rawview.Players;

            return View(gridview);
        }

        public ActionResult Roster()
        {
            WebPlayerListView theview = webPlayerViewFactory.CreateWebPlayerListView(0, 50000);

            return View(theview);
        }

When I run the page, if I attempt to filter I get the following error in Firebug...

e(h.string()).appendTo(this.element).find(".t-datepicker").tDatePicker is not a function
http://localhost:38574/Scripts/2010.1.218/telerik.grid.filtering.min.js
Line 1

Any guidance would be incredibly helpful.

Ken

[Atanas Korchev]

Hi Kenneth Jamieson,

You seem to be manually including the JavaScript files of the grid. If this is the case please include "telerik.calendar.min.js" and "telerik.datepicker.min.js" (in that order). The grid is now using the DatePicker for the filtering menu. Of course that code should have not been executed when you don't have a column bound to DateTime :) This problem will be fixed in the official release which is due this Month.

Regards,
Atanas Korchev
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

[Kenneth Jamieson]

"You seem to be manually including the JavaScript files of the grid. "

Not to the best of my knowledge. I didn't include the stuff from the master page... let me do that here. The master page has this as the last three lines..

<%= Html.Telerik().ScriptRegistrar() %>
</body>
</html>

Which expands to this in the rendered document...

<script type="text/javascript" src="/Scripts/2010.1.218/jquery-1.4.1.min.js"></script>
<script type="text/javascript" src="/Scripts/2010.1.218/telerik.common.min.js"></script>
<script type="text/javascript" src="/Scripts/2010.1.218/telerik.grid.min.js"></script>
<script type="text/javascript" src="/Scripts/2010.1.218/telerik.grid.filtering.min.js"></script>
<script type="text/javascript">
//<![CDATA[
jQuery(document).ready(function(){
jQuery('#Roster').tGrid({columns:[{"member":"FirstName","type":"String","title":"First Name"},{"member":"LastName","type":"String","title":"Last Name"},{"member":"Position","type":"String","title":"Position"},{"member":"Height","type":"String","title":"Height"},{"member":"Weight","type":"String","title":"Weight"}], plugins:["filtering"], total:3, sortMode:'single', ajax:{"selectUrl":"/Players/_RosterAjaxBinding"}});});
//]]>
</script>

So what is the best syntax to add the required files with?

Thanks!

[Kenneth Jamieson]

In the end, this solved it...

<%

    Html.Telerik().ScriptRegistrar().Scripts(scripts =>
            scripts.AddGroup("CommonScript", group => group
                    .Add("~/Scripts/2010.1.218/telerik.calendar.min.js")
                    .Add("~/Scripts/2010.1.218/telerik.datepicker.min.js")
                )
            )
        .Render();
%>

[Will Yeung]

haha

you solved my problem too! 

http://www.telerik.com/community/forums/aspnet-mvc/grid/datepicker-error-on-pressing-filter-in-the-grid.aspx

Thanks~