Hi, 

I've been using Kendo jquery UI for only one month. I have created a kendo tree, now I can properly rename each node with inline editing.

At the time of renaming a node i made this inline editable using Jeditable library. But after editing the node text only when I'm pressing ENTER button then only it's saving the node text. I want to save this changed node text  also when I click out side of the tree. Anyone can help me please?

This rename thing happening under the kendoContextMenu, Please go through the code below:

$("#menu").kendoContextMenu({
                target: "#treeview",
                filter: ".k-in",
                select: function (e) {
                    e.preventDefault();
                    var button = $(e.item);
                    var node = $(e.target); 
                    console.log(node)
                    var treeView = $("#treeview").data("kendoTreeView"); 
                    var buttonSelect = $(e.item).children(".k-link").text();
                    switch (buttonSelect) {

    case "Rename":
                            node.editable(function (value, settings) {
                                console.log(value)
                                return value;
                            }, {
                                    event: "click",
                                    cssclass: "treeInlineEdit"
                                })
                            node.trigger("click", [e]);
                            break;

      }        
                },

 })

Hello,
Could you provide example of setting the range of daterangepicker using mvvm?

Thx,

Pierre

How do you tell if the panel is currently visible or hidden?

It seems to lack a "State" property, and show/hide events?

Could these be added, or are there existing properties/events I could use?

The Open/Close events appear to only fire when it is opened/closed MANUALLY?

Hi,

Does Kendu Editor provide support to implement MathJaX for mathmatcal equations?

https://www.mathjax.org/

Thanks!

Ravi K SIngh

I have a kendoMap with dataSource transport read which loads the locations for the markers. Because it loads thousands of coordinates I would need a progress bar on the map to let the user know that the map is loading. Is this possible? I'm using Bing type map.

$("#map").kendoMap({
            center: centerCoordinates,
            zoom: zoomLevel,
            layerDefaults: {
                bing: {
                    culture: "hu-HU"
                }
            },
            layers: [
                {
                    type: "bing",
                    imagerySet: "road",
                    key:"XXXXXXXXXXXXX"
                },
                {
                    dataSource: {
                        transport: {
                            read: {
                                url: url,
                                type: 'GET',
                                contentType: "application/json; charset=utf-8",
                                dataType: 'json',
                                data: json
                            }
                        }
                    },
                    type: "marker",
                    locationField: "LatLng",
                    titleField: "Name",
                    shape: "pin"
                }],
            markerActivate: function(e) {
                e.marker.element.addClass(e.marker.dataItem.Color);
            },
            markerClick: function (e) {
                //some more code exists here...
            },
            zoomEnd: zoomEndControl,
            pan: panControl,
            panEnd: panEndControl
        });

I have need to create kendo auto completes dynamically, where each one could potentially have thousands of records... Thus, I am wanting to call my controller, get data from a Salesforce database based on the current search, then reset the dataSource of the auto complete with returned data in the filtering event.

My code is: 

if(fieldMap[i].fieldType == 'REFERENCE'){
                      extraString = '<div class="k-edit-label"><label for="'+fieldMap[i].fieldName+'Input">'+fieldMap[i].fieldLabel+'</label></div><div data-container-for="'+fieldMap[i].fieldName+'Input" class="k-edit-field" id="'+fieldMap[i].fieldName+'Container">';
                            dynamicComponent = '<select id="'+fieldMap[i].fieldName+'Input" type="text" data-role="dropdownlist" style="width: 150px">';
                            optString = '';
                            for(var k = 0; k < fieldMap[i].referenceList.length; k++){
                                if(k == 0){
                                optString += '<option value="'+fieldMap[i].referenceList[k]+'" selected>'+fieldMap[i].referenceList[k]+'</option>';   
                                } else{
                                optString += '<option value="'+fieldMap[i].referenceList[k]+'">'+fieldMap[i].referenceList[k]+'</option>';   
                            }
                            }
                            optString += '</select>';
                            var inputString = '<input data-role="autocomplete" data-filter="contains" data-source="testData" id="'+fieldMap[i].fieldName+'SearchInput"/></div>';
                            dynamicComponent = dynamicComponent + optString + inputString;
                            
                        }
                    
                    extraString += dynamicComponent;
                        //editorTemplateString += extraString;
                    $('#editor_template').append(extraString);
                        extraString = '';
                        dynamicComponent = '';
                        if(fieldMap[i].fieldType == 'REFERENCE'){
                            kendo.init($('#'+fieldMap[i].fieldName+'SearchInput'));
                            var autoComp = $('#'+fieldMap[i].fieldName+'SearchInput').data('kendoAutoComplete');
                            autoComp.bind('filtering', autoComplete_filter);
                            console.log($('#'+fieldMap[i].fieldName+'SearchInput').data('kendoAutoComplete'));
                            
                        }
                    }

which seemingly seems to successfully create kendo auto complete widgets with dummy data in testData right now. However, autoComplete_filter method is never being called when I type in the box. That method is simply:

function autoComplete_filter(e){
                console.log(e);   
                }

right now... but nothing prints out in the console when I type in the auto complete box.

How do I set the filtering event on dynamically created auto completes like this? Also, how can I set the minLength to three? It starts filtering after the first character entered and I only want it to start after 3 or more are entered.

Thank you for any help.

Is is possible to add a tooltip to the entire row of a grid?  I currently can add a tooltip to each column template but was wondering if I could just have the tooltip appear on any item in the entire row?   

This is solution I am looking for but in a MVVM implementation
https://docs.telerik.com/kendo-ui/controls/data-management/grid/how-to/Layout/grid-with-kendo-ui-tooltip

<div id="grdWarningndex" data-role="grid"
  data-editable="false"        
  data-sortable="false"       
  data-columns="[
                    { 'field': 'WarningStatus', 'width': 5,'title': 'WarningStatus' ,template: '<span data-role=\'tooltip\' title=\'The warning status tooltip is: #=WarningStatus# \'> #=WarningStatus#</span>' },
                    { 'field': 'WarningMessage', 'width': 100,'title': 'WarningMessage','template': '<span data-role=\'tooltip\' title=\'This is the message tooltip \'> <a href=/=#=WarningMessage# data-bind=\'click: goToView2\' >#=WarningMessage# </a> </span>'  },
                    { 'field': 'WarningAction', 'width': 100,'title': 'WarningAction','template': '<a href=/=#=WarningAction#  data-bind=\'click: goToView3\' >#=WarningAction#  </a>'  },                   
                    { 'field': 'WarningTime', 'width': 150,'title': 'WarningTime(EST)' },     
                                                   ]"                                
                                                
                                                
                                                 data-bind="source: dsWarnings, events: { dataBound: dsWarnings }"  
                                                 style="height: 300px"
                                                 > 
                                                

After moving a vs2013 project to vs2015 I get 117 errors when I ref <reference path="typings/kendo.all.d.ts"/> (telerik.kendoui.professional.2016.2.714.commercial) in my ts file (see screen shot).

Hi,

Im use datePicker and comboBox inside my grid with required attribute and i have bug with validation template, if you go to this dojo https://dojo.telerik.com/OzojoLed and change 

"function categoryDropDownEditor(container, options) {
                    $('<input required name="' + options.field + '"/>')
                        .appendTo(container).kendoDropDownList" to .kendoComboBox, then delete value and call validation, it is displayed incorrectly, how i can fix it?

A client of an app we're developing pointed this out to us, and since I know you guys are trying to match Excel behavior I thought I should point it out:

"Pasting" a single value doesn't appear to paste into a range of values like it does in Excel.

Steps to reproduce:

In excel:

1. Copy a single cell with a random value in it, say "1111".
2. Select a range of cells.
3. Paste (CTRL+V), notice all cells now have the value "1111".

In a blank spreadsheet (dojo):

1. Copy a single cell with a random value in it, say "2222".
2. Select a range of cells.
3. Paste (CTRL+V), notice only the top left cell gets the value.

Expected behavior:

Users expect the paste action to match Excel's paste action.

Notes:

As a developer, there's no clear path to implement support for this without hacking the widget and taking over the pasting action keybinds (ugly). If there was a "paste" event we could listen to that provided the range selected and the pasting value(s)/range and we could manipulate data before the "paste" action continued, a hack/implementation would be easier.