This is a migrated thread and some comments may be shown as answers.

Angular JS dynamic Grid : Unable to Edit / Update Data :(Error: Uncaught TypeError: Cannot read property 'slice' of null )

1 Answer 87 Views

Grid

This is a migrated thread and some comments may be shown as answers.

Gaurav asked on 21 Aug 2017, 03:37 PM

I am dynamically trying to create CRUD grid in AngularJS .

I successfully created Grid by assigning dataSource to Grid Options Dynamically.

But I have having problems when I click on Editting Data .

Clicking on Edit Command Button throws me an Error like this:

Uncaught TypeError: Cannot read property 'slice' of null

    at ve._extractFormat (http://localhost:59366/kendo/js/kendo.all.min.js:27:19054)
    at new init (http://localhost:59366/kendo/js/kendo.all.min.js:175:2141)
    at HTMLInputElement.<anonymous> (http://localhost:59366/kendo/js/kendo.all.min.js:32:3585)
    at Function.each (http://localhost:59366/Scripts/jquery-1.10.2.min.js:21:5347)
    at M.fn.init.each (http://localhost:59366/Scripts/jquery-1.10.2.min.js:21:1999)
    at M.fn.init.e.fn.(anonymous function) [as kendoNumericTextBox] (http://localhost:59366/kendo/js/kendo.all.min.js:32:3559)
    at number (http://localhost:59366/kendo/js/kendo.all.min.js:196:1854)
    at init.editor (http://localhost:59366/kendo/js/kendo.all.min.js:197:709)
    at init.refresh (http://localhost:59366/kendo/js/kendo.all.min.js:200:795)
    at new init (http://localhost:59366/kendo/js/kendo.all.min.js:197:176)

Data Type of my Column is Number .

Can you give me an example of Dynamic Grid CRUD Edit and Update Operations ? So that I can know where I am going wrong.

Thanks .

1 Answer, 1 is accepted

answered on 23 Aug 2017, 10:15 AM

Hello Gaurav,

There are different approaches to create a dynamic Grid depending on which part of the Grid has to be dynamic.

The following example demonstrates how the model and the columns generated from the data can be dynamic:

http://dojo.telerik.com/oReyo

Please have in mind that the example has its issues(due to the CRUD service expecting different request types), but its idea is to demonstrate the dynamic approach.

If possible, please provide a runnable example based on the current implementation and I will gladly provide a suggestion best suited for it.

Regards,
Stefan
Progress Telerik

Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.