Custom DropDown Filter

[Thomas]

Hey guys,

I'm actually doin' a project where I use a lot grids having the same column and I use a DropDownList to filter the respective column.
The DropDownList Filter is set like in the demo and works fine:

function CategoryFilter(element) {
    element.kendoDropDownList({
        dataSource: {
            transport: {
                read: "/Software/GetSoftwareCategoriesForFilter"
            }
        },
        optionLabel: "--Select Value--"
    });
}

Actually I use this function in every single Grid page to load the categories and it's like having the same function n times what makes it redundant. What I want to do is to bring this method into a separate GeneralFunctions.js file, but this isn't working so far.

The file is loaded correctly added to the bundle:

bundles.Add(new ScriptBundle("~/bundles/scripts")
                .Include("~/Scripts/GeneralFunctions.js"));

and within the Grid I call the function like this:

columns.Bound(c => c.Software.SoftwareCategory.Name).Title("Software Category").Width(150).Filterable(filterable => filterable.UI("CategoryFilter"));

am I missing something?

thx in advance and kind regards
tom

[Daniel]

Hello Tom,

The described approach should work. Could you check if the function is available in the global scope and if there are any JavaScript errors? 

Regards,
Daniel
Telerik

 

 

[Thomas]

hey daniel.
the function is available in global scope and there are no js errors.

Whats really weird is, that the function seem to work on my localhost only. If I publish the version it's not working anymore.

cheers
tom

[Thomas]

hey daniel,

just "fixed" the issue more or less by reading the correct path. the project was published to a different folder and that's why the controller action wasn't called. The only thing I had to do was to edit the transport path to "/Folder/Controller/Action".

cheers
tom

[Daniel]

Hello again Tom,

I am glad that you were able to locate and fix the problem. As an alternative approach to modifying the URL, I can also suggest to add a base URL variable in the layout before loading the other scripts and use it for the URLs in the scripts:

<script type="text/javascript">
    var baseUrl = '@Url.Content("~/")';
</script>

read: baseUrl + "Software/GetSoftwareCategoriesForFilter"

This way the URL should be correct with or without virtual path.

Regards,
Daniel
Telerik