I'm getting the following error when using the Telerik Kendo UI Chrome Inspector:

 Uncaught TypeError: Cannot read property 'get' of null (Line 94, in the makeWidgetInfo method)

 This error is repeated 14 times or so, roughly corresponding to the number of Kendo widgets/bindings in the DOM at the time.

I found one google result for this: http://kendoui-feedback.telerik.com/forums/127393-telerik-kendo-ui-feedback/suggestions/6502730-fixing-error-in-chrome-inspector#{toggle_previous_statuses}

I didn't find any corresponding posts in the forums: http://www.telerik.com/search?start=0&q=%2522Chrome%2bInspector%2522%2berror&collection=telerik30&ResourceType=Forum&hgurl=kendo%252Dui

I'm not sure that I can readily post code to duplicate, but I'm hoping someone familiar with the inspector can give me a clue as to what's happening; essentially I just need to know if this is an error in the Inspector, or an error in my code somewhere. It's notable that I'm not seeing any problems otherwise, either in the console, or visually while using the application. 

Hello,

The objective is to make a CSS style editor. Code is available at https://jsfiddle.net/9b1umpmj/2/.

The issue I am facing is focused on the cssDropDownEditor function on line 190. The version of the code without validation works as desired (simply remove the name attribute when creating the combobox line 191):

The version with validation does not work as desired. Actually the viewModel is not updated. To test it modify line 191 ​to add a name attribute as follows: 

The reason is the following:

1. The combobox creates an input named style_name_input;
2. The grid uses this name to bind this input as follows data-bind="value: style_name_input", which obviously does not exist in the viewModel,
3. therefore data-binding with the viewModel does not work when specifying a name as required for validation.

Any workwaround/fix?

Greetings!  I wish to fill three grids from a single datasource (call to metered API).  The API returns 30 rows, I want rows 1 - 10 in grid1, rows 11-20 in grid2 and rows 21-30 in grid3.

My data source (copied from your web API demo) is 

I can filter here, with 

 or 

However, that would require three data sources and thus three calls to the API, which we pay for.

My grids look alike, with different names

I've added "filterable" to the grid, but that
    1) enables the icon on the column header which I do not want

2) 

 ​

Consider the following scenario:

1. Local dataSource is populated with .data()
2. A new data item is added to the dataSource using .add()
3. .cancelChanges() is called on the dataSource, item in #2 disappears

I tried inserting a .sync() call after item #2, but I found that .cancelChanges() will always remove newly added items to the DataSource that were added using .add().  After doing some additional research, I'm beginning to question exactly how local DataSource's are supposed to be used.  I've seen a lot of mention of having to use the four transport methods, and that the changes themselves should actually be persisted to a Javascript array, and after a .add(), the array should be updated and the .data() method should be called again.  How exactly should this be implemented?

I've put together a Dojo that illustrates the behavior from which I will base these questions:

http://dojo.telerik.com/uYaYI/4

In the initialization block, if I add each of my initial 25 items via .add(), then click on any one of them and hit "Cancel" then they are actually removed from the data source.  If I instead put my initial items in an array and call .data(), then the .cancelChanges seems to work as expected.  However, if I use the .add() method, then "Save," then try to hit it and then hit "Cancel" again I see that the item disappears.  When doing CRUD operations on a local dataSource, is it required that the data be persisted to a Javascript array?  For clarity, could someone explain why this is?

Hi,

I can't figure out how to add my own properties to a treeview template.  I am using a model 'NodeViewModel' which gets populated in my controller from a back end data source, and I want some of the properties to be used in the template HTML.  However, the template only allows setting of basic properties (such as text, Id and expanded) because they use the TreeViewItem class which my model maps to (I'm not sure if there's another way of doing it, that's just from the examples I've worked with).  Below I have pasted by view and my model - any help is appreciated.  I am trying to get the property RiskColour to bleed through into the template displayed.

Any help would be massively appreciated.

Thanks, Mark

MY MODEL :-

public class NodeViewModel
    {
        public NodeViewModel()
        {
            this.Expanded = true;
            this.Children = new List<NodeViewModel>();
        }

        public int Id { get; set; }
        public string Title { get; set; }
        public bool Expanded { get; set; }
        public int SortOrder { get; set; }
        public string RiskColour { get; set; }   ====== THIS IS MY PROPERTY I AM HAVING ISSUES WITH

        public bool HasChildren
        {
            get { return Children.Any(); }
        }

        public IList<NodeViewModel> Children { get; private set; }
    }

MY VIEW :-

<script id="TreeViewTemplate" type="text/kendo-ui-template">
        <div style="text-align:left;">
            #: item.text # ASDAFF
        </div>
    </script>
    <script>
    function onSelect(e) {
        alert($(e.node).data("id"));
    }
    </script>
    @( Html.Kendo().TreeView()
        .Name("TreeViewTemplateBiding")
        // .Template("#: item.text #")
       // .TemplateId("TreeViewTemplate")
        .HtmlAttributes(new { @class = "alignleft" })
        .Events(events => events
            .Select("onSelect")
        )
        .BindTo((IEnumerable<TEAMSPortalV2.Models.NodeViewModel>)ViewBag.Tree, (NavigationBindingFactory<TreeViewItem> mappings) =>
        {
            mappings.For<TEAMSPortalV2.Models.NodeViewModel>(binding => binding.ItemDataBound((item, node) =>
            {
                item.Id = node.Id.ToString();
                item.Text = node.Title;
                item.Expanded = node.Expanded;
                item.RiskColour = node.RiskColour;    ====== THIS IS MY PROPERTY I AM HAVING ISSUES WITH - item.RiskColour generates an error :(
            })
            .Children(node => node.Children));
        })
     )

Hi, ​we are writing mobile app and have heavy perfomance problems due to double event triggering

Example: double kendo open event

http://dojo.telerik.com/eFiKA

The title for this issue is difficult to describe. Basically here is what we are doing.

1. Using MVVM to bind two search boxes that filter data in a kendo.data.DataSource. The filtering is by setting simple filters on the data source

2. The dataSource is bound to a table (not grid)

3. Each row contains a remove button

With no filters in place the remove operation works correctly. However with any filter applied I can only remove the first item in the list. However it is actually removing the first item in the datasource regardless of the filters, any other items cause an error 'Cannot read property 'kendoBindingTarget' of undefined'. Its hard to understand but if you checkout this jsfiddle

http://jsfiddle.net/habk2b5p/7/

 I have simulated a very cut down​ version of the trial. Basically to use try filter by one or both of the options. (Min 3 characters before filter), once filtered try and remove items. Place close attention to the 'Id' column that you remove as you will see that it actually wont remove the item you selected unless the item selected is id 1 (the first item in the data source).

Any help would be greatly appreciated.