Kendo UI grid not populating the data

2 posts, 0 answers
  1. Mathew
    Mathew avatar
    6 posts
    Member since:
    Feb 2013

    Posted 20 Feb 2013 Link to this post

    I am working on VS 2010 MVC4, HTML 5 with kendo ui demo version
    I tried to bind a grid, corresponding to the data entered in a textbox, but the grid is not getting populated

    Also there is no error displayed and if i put a dummy data in datasource it displays
     This is the code i used

    $("#txtSearchCaller").keyup(function () { SearchCaller($(this)); });

    function SearchCaller(txtSearchCaller) {
                SearchRequestProcess = $.ajax({
                type: "GET",
                url: baseURL + "Call/SearchCaller",
                data: "term=" + $(txtSearchCaller).val(),
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: OnGetCallerSuccess,
                error: function (request, status, error) { if (request.statusText != "abort") { alert("SearchCaller:: " + request.statusText); } }
    function OnGetCallerSuccess(Jsondata, status) {
        $("#Grid").kendoGrid({ // create Grid from div HTML element Kendo
            dataSource: Jsondata,
            selectable: "row",
            scrollable: true,
            navigatable: true,
            resizable: true,
            groupable: false,
            columns: [
                            field: "category1",
                            title: "category1",
                            width: 80
                            field: "category2",
                            title: "Customer Name",
                            width: 80
  2. Petur Subev
    Petur Subev avatar
    1882 posts

    Posted 22 Feb 2013 Link to this post

    Hello Mathew,

    First of all I do not recommend you  to re-create your Grid  each type you type into an input element - you can just change the data used by the dataSource.
    We are not sure what exactly goes wrong with your code, however I re-created similar example to your, the difference is that there is no async call, however there should not be any difference.

    Feel free to modify the link and share it if you face any particular difficulties.

    Petur Subev
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top