I'm having a functionality to load the DOM elements on demand. for that, I'm using ng-if the selected value is not clearing. Find the below example to reproduce the scenario.

Dojo

In this example, first control is with with "ng-if" and 2nd example with "ng-show". "ng-show" is working. But "ng-if" is not working. 

Please assist to fix the issue.

I'm unable to select the value from multiselect dropdown with latest kendo version ie.,KENDO UI Q2 SP2.

Here is the Dojo multiselect dropdown

Howevver this works with other versions ie.,2015

Please let me know where I'm doing wrong..

Awaiting your kind reply.

I wanted to know if there was a way to check a Kendo Grid for duplicate values.  For example I have a Kendo Grid with inline editing and have a column named "Names" and a user does a inline edit and changes a value in the "Names" column I want the ability to check if that value already exists in the Grid specifically that column.  I know I did not post any of my code because frankly I do not know where to begin so I was hoping a kind developer could provide me with some example(s) jQuery code to get me pointed in the right direction.  Thank you for your time and examples. 

I thought I would share our solution for robust Kendo+Typescript+Requirejs support, in the hope that Telerik starts including this out of the box in Kendo.

THE PROBLEM
Currently the Kendo typescript definitions don't include any declarations of AMD modules for use with requirejs. While it is possible to work around this in a number of ways to at least get the require("<kendo file>") statements to emit into the javascript code, the fundamental issue is that the Typescript compiler is not aware of which kendo classes belong in which AMD module. This means that you can write typescript code that compiles fine, but does not actually work at run-time. For example:

This will compile fine because as far as the compiler is concerned the entire kendo library is always loaded and global. However when you run the resultant javascript from the above code, it will fail because kendo.bind is not within the require chain of kendo.data.js.

This becomes very annoying because you are never 100% sure you are requiring the correct kendo modules actually needed for the code you write.

OUR SOLUTION
The solution we are using is to define our own kendo AMD module definitions, and have them explicitly re-export the named types from the kendo global scope out of the AMD module. Each AMD module only re-exports the kendo types that are actually contained within that modules kendo javascript file. For example in our new kendo.web.amd.d.ts file (which contains all the AMD module defs in one file) we have:

The compiler is now aware of kendo.data.js as a proper AMD module, and knows exactly which types are available out of it. The leading "kendo/" is required so that we can configure requirejs to map to the actual kendo library path. As long as we avoid referring to the global kendo module in our typescript code, we now guarantee that if code compiles, it will also be pulling in the correct modules at runtime. The original example now looks like this:

Note that we no longer reference the global "kendo" module, we only use types within the modules we have explicitly imported. Intellisense is smart enough to drop down all types available in the module, for example here typing "kendoData." will drop down everything available out of that AMD module.

A BETTER SOLUTION
The only problem with the above solution is that the global module is still available to the typescript compiler, so if you accidentally reference a type straight out of the global "kendo", you are back to the original problem where it will compile fine, but then fail at runtime. A better solution would be for Telerik to provide two versions of each definition file, ie

kendo.web.ts
kendo.web.amd.ts

The .amd version, rather than just declaring all types in the global kendo namespace, would declare each type within the actual named module that it resided in (with the leading "kendo/" to allow path remapping!!). Within our projects we could then choose to include only the kendo.web.amd file, which would enforce that no kendo types are available unless you import the associated module.

I iterate through grid.items(). How can I check if items[i] is selected. Is it safe to check aria-selected attribute on tr when options.selectable is row or aria-selected attribute on td when options.selectable is cell?

 Lets say i have a kendo dropdown like the following.
 
 var data = [
                        {text: "Item1", value:"1", type: "User"},
                        {text: "Item2", value:"2", type: "User"},
                        {text: "Item3", value:"3", type: "Group"}
                    ];

                    $("#dropdownlist").kendoDropDownList({
                        dataTextField: "text",
                        dataValueField: "value",
                        dataSource: data
                    });

Now, I would like to load glyphicon based on the type of the each item. In other words, glyphicon1 if item is of type  "user" and  glyphicon2 if item is of type "Group"

I know i can use the "template" to load icons with the items in the dropdown but how can i do it conditionally based on a property of the items?

After upgrading to Kendo UI v2016.2.504, the shapes of diagrams can not be moved with the mouse.

If I simply replace kendo.all.js with our previous version (which was Kendo UI v2015.1.521), they can be moved with the mouse. and thats what our users want...

Can you help ?

Thank you in advance.

 

 

We are doing filtering and sorting client side. We hook into the change event and filter out the results. All is well until the sort is done descending. The correct number of records are displayed but the records themselves are the wrong ones. It's like the indexing is wrong on the displayed records. Can someone point me at what to look at to figure his out. Thanks.

 

And this is the grid event hook but the event is getting called just fine.

 

I've got a tree view with potentially thousands of nodes that may be up to 20 levels deep.  I am doing load on demand as well.  This is all working great so far.

I'm now working on a feature where the user would search for a node given the description and get back the path to the selected node from the root (an array of Id values).  The first two nodes (root and second level) are guaranteed to be there since I always start out with the root open.  It's when I search for and try to navigate to a node at level 3 or below that I am starting to have my main issues.

Here is the "success" function from the AJAX method used to get the "path from the root to the selected node"

I realize there are some issues here - such as how to deal with the async nature of loading the next node (expanding level 2+) on demand but still continuing to iterate thru the array of "path to node" items.  In the example above, when I get (dataSource.get) the 3rd level item (that doesn't exist in the datasource), an error "Uncaught TypeError: Cannot read property 'length' of undefined" in kendo.all.min.js, line 11 (Kendo UI Complete v2013.2.918)

Also, the expand and select aren't working, but one thing at a time.

Any pointers in the right direction are appreciated.

Thanks,
--Ed

hi guys, 

I'm trying to set a default value for all the cells of a specific index whenever a new row in created in the spreadsheet. 

I wanted to do this with the change event of the spreadsheet and basically do: get current selected cell position & go to my desired index on that row and add the default value. However i wasn't able to find how to get the selected's cell position in the change event function.

Another idea was to set a default value for my specific cell index with "sheets.rows.cells.value" but i see it needs a row index which in my case is dynamic.

 

Thanks a lot for the help