Edit this page

Common Issues

Requests

Grid Performs HTTP GET Requests instead of POST

By default, the Kendo UI Grid for ASP.NET MVC makes POST requests when configured for Ajax binding. This is implemented by a custom DataSource transport and schema. Those are defined in the kendo.aspnetmvc.min.js.

Solution

Make sure this file is included after the other Kendo UI JavaScript files. For more information, refer to the ASP.NET MVC introductory article.

The following example demonstrates the correct order of JavaScript files.

Example
<script src="/Scripts/kendo.all.min.js"></script>
<script src="/Scripts/kendo.aspnetmvc.min.js"></script>

Binding

Learn about the Kendo UI components for React which are delivered by the Inputs package.

Ajax-Bound Grid Does Not Populate

There are various reasons which may cause this.

Solution

Below are listed the steps for you to follow when troubleshooting this issue.

  1. Use your browser developer console to check for any JavaScript errors. In most browsers pressing F12 displays the developer console. Address all JavaScript errors.

    For more information, refer to the Telerik UI for ASP.NET MVC troubleshooting article.

  2. Check the Network—or Net in Firebug—tab of the browser developer console. Look for a failed HTTP request for the action method configured via the DataSource Grid setting.

    • HTTP status code 401 indicates that the required authentication has failed or has not been provided yet.
    • HTTP status code 403 indicates that the request is not authorized. Perhaps the current user does not have the required permissions.
    • HTTP status code 404 indicates that the requested URL cannot be found. Check if the controller and action names are spelled correctly.
    • HTTP status code 500 indicates that a server error occurred while processing the request. Check what the server response is. In most cases, it will contain the full .NET stacktrace. If the reason for the exception is not clear, put a break-point in the action method and break with the debugger. Also, refer to the article on well-known exceptions.
  3. Check if you are using the ToDataSourceResult extension method. That method returns the data in the JSON format expected by the Kendo UI Grid. For further instructions, refer to the article on Grid Ajax binding.

Client-Side Events Are Not Raised in Server-Bound Mode

When configured for server binding, the Kendo UI Grid for ASP.NET MVC does not fire all client-side events.

Solution

For more information on how to resolve this issue, refer to the article on server binding of the Grid.

Performance

Grid Fails to Update Dates and Numbers When Current Culture Is Not en-US

Solution

Make sure the JavaScript file for that culture is included. For additional information on this issue, refer to this section.

Column Templates Are Not Displayed

  • Case 1 The column template is not displayed if the server template is set but the Grid is configured for Ajax binding.

    Solution

    Set the ClientTemplate as well.

  • Case 2 The column template might also not be displayed if only the client template is set but the Grid is configured for server binding.

    Solution

    Set the Template as well.

"X" DataSource Configuration Option Is Not Available

Not all settings of the DataSource are exposed through the DataSource fluent API.

Solution

To gain full control over the DataSource, consider using the CustomDataSource fluent API or the client-side version of the Kendo UI Grid.

Grid Fires Create Actions instead of Update Actions

If an ID value is not set for a given data item, the Grid treats it as new and calls the Create action.

Solution

The ID value should be non-default for the used data field type.

Culture Formats

By default, the Kendo UI Grid formats dates and numbers using the en-US culture.

Solution

If the Grid does not display numbers and dates in the right format that corresponds to your culture, change the culture by including the JavaScript for your culture and then call kendo.culture.

Culture-Specific Kendo UI JavaScript

The following example demonstrates how to include culture-specific Kendo UI JavaScript.

Example
<script src="/Scripts/cultures/kendo.culture.de-DE.js"></script>
<script>
    kendo.culture("de-DE");
</script>

JavaScript for Current Cultures

The following example demonstrates how to include JavaScript for the current culture.

Example

    <%
        var culture = System.Threading.Thread.CurrentThread.CurrentCulture.ToString();
    %>
    <script src="<%= Url.Content("~/Scripts/cultures/kendo.culture." + culture + ".min.js") %>"></script>
    <script>
        kendo.culture("<%= culture %>");
    </script>

    @{
        var culture = System.Threading.Thread.CurrentThread.CurrentCulture.ToString();
    }
    <script src="@Url.Content("~/Scripts/cultures/kendo.culture." + culture + ".min.js")"></script>
    <script>
        kendo.culture("@culture");
    </script>

For additional information on this issue, refer to the article on globalization.

See Also

Other articles on the Kendo UI Grid for ASP.NET MVC:

Articles on Telerik UI for ASP.NET MVC:

Other articles on troubleshooting: