Grid Rendering Error

[Arie]

I am receiving an error of  

"Cannot read property 'find' of undefined"

  when trying to render a grid control on a view component of an MVC 6 application that I am currently working on.

 

The error is coming from this portion of code in the kendo.all.js file where it appears to be trying to find the loading mask but says that container is undefined

progress: function(container, toggle) {
            var mask = container.find(".k-loading-mask"),
                support = kendo.support,
                browser = support.browser,
                isRtl, leftRight, webkitCorrection, containerScrollLeft;

 

The grid I am trying to populate seems pretty straight-forward to me .....below is the typescript I am using... what am I a doing wrong

 

    $("#ConditionsSearchGrid").kendoGrid({
        dataSource: {
            transport: {
                read: this._main.action_searchcondition.ResolveAction(),
                contentType: "application/json; charset=utf-8"
            },
            parameterMap: function (data, operation) {

                return {
                    searchstring: $("#searchstringtextbox").val()
                }

            },
            error: function (e) {
                var msg = e.xhr.responseText;
                alert(msg);
            },
            schema: {
                model: {
                    fields: {
                        DiscName: { type: "number" },
                        Diagnosis_Description: { type: "number" },
                        Short_Description: { type: "string" },
                        IsSelected: { type: "bool" },
                        ICD9_cd: { type: "string" },
                        onset: { type: "string" },
                        isduplicate: { type: "bool" }
                    }
                }
            }
        },
        dataBound: this.ConditionsSearchLineItems_Databound,
        height: 430,
        sortable: true,
        scrollable: {
            virtual: true
        },
        selectable: "multiple row",
        columns: [
            {
            template: "<input type='checkbox' #= IsSelected?
                 checked='checked':checked='' # class='chkbx' />",
            field: "IsSelected",
            title: " "
        },
            {
                field: "DiscName",
                title: "Caredisc",
                width: "40%"
            }, {
                field: "ICD9_cd",
                title: "Code",
                width: "10%"
            }, {
                field: "Diagnosis_Description",
                title: "Diagnosis",
                width: "40%"
            }, {
                field: "onset",
                title: "Type"
            }]
    });

}

 

       

 

 

 

 

 

 

 

 

 

[Arie]

Additionally, we did update the model field definitions to straighten out the type but that doesn't seem to help.
The grid does go out and hit the controller and the controller has a default set of data that is passed back if the searchstring parameter is null or empty string.

I also see in the kendo ui component for chrome that the data object holds an array of 65 objects ..... looks like

data: Array[1]

     0: Object{4}

             Data: Array[65]

 

So the symptoms that we are still seeing is

 1. error regarding the javascript in the portion mentioned in the above post

 2. grid display 1 blank row

 3. parameters are not passed to the controller action

 4. data source contains 65 objects but they are not displayed.

[Arie]

Ok, we figured it out early this morning that the blank grid was just caused by the need to have the data: "Data" added to the schema property so that  it to properly consume the data coming back from the ActionResult.

So now data is displaying properly but we still have the nagging error of the Uncaught TypeError as described above and it will not send the parameter to the controller ... so we are still dealing with that...

[Rosen]

Hello Arie,

 

The parameter is not send as the parameterMap declaration is misplaced. The parameterMap is part of transport declaration. As the contentType is part of the transport.read configuration.

Regarding the error you have mentioned. It is not obvious, from the provided information, what is the cause for such error. However, you should verify that you are not manually calling kendo.progress, for example inside the dataBound event handler of the grid, using incorrect container. If you continue to experience difficulties please provide a small test page which demonstrates this issue. 

 

Regards,
Rosen
Telerik