We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
close icon

Page Navigation returns "Cannot read property 'find' of null"

Hi,

In the newest version of Chrome, I get a random error on the pagination of the table. At random times (no pattern at all) the pagination control does not work (i.e., it does not allow you to move from one page to the other) and throws the following error:

ej.web.all.min.js:10 
Uncaught TypeError: Cannot read property 'find' of null
sendDataRenderingRequest @ ej.web.all.min.js:10
_processBindings @ ej.web.all.min.js:10
gotoPage @ ej.web.all.min.js:10
_gPagerClickHandler @ ej.web.all.min.js:10
_trigger @ ej.web.all.min.js:10goToPage @ ej.web.all.min.js:10
_pagerClickHandler @ ej.web.all.min.js:10
(anonymous function) @ ej.web.all.min.js:10
dispatch @ jquery.js:4435
r.handle @ jquery.js:4121

This functionality works fine in FF and IE, so I guess it is browser related.

Here is the code where the grid gets generated:

                    angular.element('#Grid').ejGrid({
                        dataSource: $scope.dataForGrid,
                        allowGrouping: true,
                        allowPaging: true,
                        pageSettings: { pageSize: 20, currentPage: $scope.page },
                        allowEditing: false,
                        allowTextWrap: true,
                        allowSorting: true,
                        actionBegin: $scope.actionBegin,
                        allowFiltering: true,
                        filterSettings: { filterType: "excel" },
                        allowSelection: true,
                        enableTouch: false,

                        columns: [
                                { headerText: "", template: true, templateID: "#checkboxTemplate", textAlign: ej.TextAlign.Center, width: 5 },
                                { field: "product", isprimarykey: true, headerText: "Product", textAlign: ej.TextAlign.Left, width: 15, template: true, templateID: "#productTemplate" },
                                { field: "component", headerText: "Component", textAlign: ej.TextAlign.Left, width: 12, template: true, templateID: "#componentTemplate" },
                                { field: "projectId", headerText: "Project ID", textAlign: ej.TextAlign.Left, width: 10 },
                                { field: "title", headerText: "Title", textAlign: ej.TextAlign.Left, width: 50, template: true, templateID: "#titleTemplate" },
                                { field: "language_count", headerText: "Lan", textAlign: ej.TextAlign.Center, width: 4, template: true, templateID: "#languageTemplate" },
                                { field: "delivery_due_date", headerText: "Due Date", textAlign: ej.TextAlign.Left, width: 15, template: true, templateID: "#columnTemplate" },
                                { field: "word_count", headerText: "Word Count", textAlign: ej.TextAlign.Left, width: 8 },
                                { field: "document_count", headerText: "Docs", textAlign: ej.TextAlign.Left, width: 4 },
                                { field: "groupactions", headerText: "Actions", textAlign: ej.TextAlign.Left, width: 10, template: true, templateID: "#actionsTemplate" }
                        ],
                        create: vm.onGridCreate,
                        actionComplete: $scope.complete,
                        recordDoubleClick: vm.recordClick,
                        recordClick: vm.checkboxClick

                    });

Thank you for your help.

Kind regards,
Carlos


1 Reply

JK Jayaprakash Kamaraj Syncfusion Team September 30, 2016 12:45 PM UTC

Hi Carlos, 
A support incident has been created under your account to resolve the issue. Please log on to our support website to check for further updates.  
 
Regards,
Jayaprakash K.
 


Loader.
Live Chat Icon For mobile
Up arrow icon