Hi to all,

I have an issue regarding the resizing feature on a gridview, when I'm trying to resize any column, the code break with this message :

Unhandled exception at line 48, column 27944 in http://localhost:54998/Scripts/kendo/2016.2.714/kendo.all.min.js
0x800a138f - JavaScript runtime error: Unable to set property 'width' of undefined or null reference

on those lines :

 

And here is the code of the grid :

 

Can you help me to understand this and how to fix it ?

 

Cheers ! 

Hi there, 

Im creating a kendoScheduler that retrieves events for a specific user, see below code (shortened for brevity):

Controller:

HTML:

The Problem:
When my page loads, the read URL is being called from the DS, but there wont be a user selected at this stage as the page just loaded. Is there a way to prevent the DS from being read when its initialized? I thouhg that by including "autoBind" in the Scheduler would help, but its had no effect.

Please advise if you can.

Many Thanks,
Grant

Morning, 

I've created a widget that uses the KendoScheuler inside a kendoWindow and sets its DataSource dynamically. Code below, shortened for brevity:

CODE:

         edit: function(e) {

 

The Problem:
So the issue Im having is that if the SDS is created fresh from an array of Event Objects, everything works fine, however, if I specify an already existing SDS, that uses remote data, and then start dragging and resizing events, I get the error: "Cannot read property 'data' of undefined", which points to statement 'dataSource.sync();' in the 'edit' event of my scheduler.

Is there some kind of sync trying to happen with the remote SDS? I monitored my network activity and didnt see anything.

Please advise, Thanks,
Grant

 

 

I want to use a template for my command button. like this:

 

We are in a Angular controller and I want to get the JQueryEventObject in the vm.onDelete() function.

If that not possible then maybe I could get the Id of the row in the binding   vm.onDelete({{dataItem.Id}}).

Or is there another way to make a image button?

My app uses both Kendo MVVM and the Kendo Router. When I initialize a Kendo view I provide Kendo with my view and a view-model to bind. The outcome is a view-model and view that are constantly in sync.

I tried to take this a step further by caching the view-view-model results using the URL hash as the primary key/id. When I tried to reload a cached view-view-model the page displays correctly, but none of the binding work.

What am I missing?

Thanks!

I am loading a complex JSON object via AngularJS. The object contains several child collections that I want to display in Kendo UI grids. When I first load the page, the object doesn't exist at all. Periodically, the user can use a master list (not included here) to change the entire JSON object.

So far, I have the object loading correctly and displaying/working with AngularJS integration for the basic fields. The grid in question is configured to appear inside a Kendo TabStrip, as part of an AngularJS directive that displays my entire child form.

I currently define the grid (and tabStrip) in the Angular HTML template for the directive as:

My controller supplies the grid options:

And, when the JSON object is changed, it reinitializes the grid:

 

As far as displaying data goes, this all works. The grid starts off invisible (because I have an ng-show vanishing the entire pane if there is no data), and it appears and shows the correct child rows each time I load a new complex JSON object.

 

However, the appearance is horrible. The grid appears about 100px tall (despite settings for 100% height and width, and use of useStaticHeaders and allowScroll) the very first time I load a JSON collection into it. On the second and subsequent loads, the grid appears the correct size and is almost right... the last row is missing the bottom border.

 

I have tried:

• * refresh()
• * dataSource.sync()
• * dataSource.read()
• * replacing the datasource instead of replacing the just the data

None of these had the slightest effect.

I am testing in Chrome and Chrome's debugger reports no JS errors. My Telerik version was installed from telerik.kendoui.professional.2016.2.714.commercial, which I assume also represents the version number.

Attached: Screenshot of grid appearance on first load of the child collection (_1) and on subsequent loads (_2).

Please suggest additional possible fixes.

Hi,

I noticed, that when using a validation for kendo grid fields, only some fields get the k-invalid class. This can be easily seen on the demo page: http://demos.telerik.com/kendo-ui/grid/editing-custom-validation .

All the empty fields are correctly validated, but only ProductName fields has the k-invalid class. The Unit Price and Units In Stock don't (they still kave the k-valid class, although there is tooltip saying that field is required). So my problem is that I want to style invalid fields with red background etc, and it simply doesn't work for numeric fields.

Is that a known issue? Any workarounds for now?

 

Thanks,

Pawel

It seems that even though the internally created object should be getting a new datasource it is being shared across objects. It is kind of a hard behavior to explain so here is the code. I assume that I am doing something wrong but I don't really know what is expected since I can't seem to find a good example of complex MVVM models with differing datasources... I can use an array and that works fine but if I change it to observable array or a data source I get an unexpected result. So like I said I am probably doing it wrong?

Here is an example of the behavior that I am seeing.

Hi,

I have a tree view with a list of nodes which have checkboxes. Once a user checks some of the nodes I persist this information to the database.  I then want to load this info back onto the page.  I cannot seem to get this working.

I'm doing something like:

 $("#treeview").kendoTreeView({
                checkboxes: {                    
                    template: "<input type='checkbox' #= CheckItem(item.IsSet) # />"
                },
                dataSource: inline,
                dataTextField: ["ComponentActionName"],
                loadOnDemand: false
            });

function CheckItem(IsSet) {
            if (IsSet) {
                return "checked='checked'";
            }
            else {
                return "";
            }
        }

This actually works fine, in that the UI shows the correct nodes checked.  The problem is that when I try to save this data again with a function like:

function checkedNodeIds(nodes, checkedNodes) {
            for (var i = 0; i < nodes.length; i++) {
                if (nodes[i].checked) {
                    checkedNodes.push(nodes[i].ComponentActionName);
                }

                if (nodes[i].hasChildren) {
                    checkedNodeIds(nodes[i].children.view(), checkedNodes);
                }
            }
        }

nodes[i].checked shows as undefined for the nodes unless I manually unselect and reselect them.  Is there a property similar to the dataTextField where I can specify the field on the data which indicates if the node should be checked or any other way of achieving this?

Thanks,
Keith

I am getting an error like " kendo.all.min.ext:79 Uncaught TypeError: Cannot read property '_grid' of undefined" when I tried to increase the size of the column directly . However, when I first clicked on the spreadsheet ( it adds the scrollbar )  and then increased the column size , I didn't get that error . Please advice.