I own two fields beginning and end, when I update the first field I want the  to change the calendar start date that was entered in the field, this is possible?

Thank you

I am using in-line editing of data in the kendo grid.  When I am editing a cell I want to do the following:

1. Press Enter should commit the cell value and close the edit.
2. Press Tab should commit the cell value and move to the next cell.
3. Press Escape should cancel the cell change (and revert the value) and stop editing.

At the minute I've tried the following from bits online:

I cannot see any method on how to accept the grid cell changes.

Any help on how to accomplish the above greatly appreciated.

Andez

I've a very large grid, more then 1000 rows. The data is already downloaded from the server, so I create a datasource like this:

 

dataSource = new kendo.data.DataSource({

    data: this.slateData,

    group: this.slateGridGroups,

    filter: this.getNodeFilter() }

);

 

I use custom row templates, so it's very slow to load/reload the grid. When I initialize, filter or sort the grid, the browser will freeze for about 5 seconds.

 

I want to solve this problem by adding a pageSize parameter to the dataSource and make the gird option pagable = false, scrollable: { virtual: true}

However, if I use it in this way, I'm unable to load all the group header at the beginning. I need to keep scrolling down to get new group headers. This is not acceptable by our requirement.

 

How can I solve this problem?

Hi,

Does the Kendo Ui grid support the following functionalities

1) Column hiding and Lazy load paging

2) Are all the functionalities(configuration options) mentioned in the demos and sample applications shown using Jquery present in angularjs implementation?

 

Regards

Rich

Hi

I am charting data values (value axis) that are to be presented by Year (series) and Month (category axis).

I'm trying to create a chart that fills in missing values with zeros. My problem is that my data is based on dates and some years are missing the first months, other years are missing the last months and some years are missing months in between. I'm not sure how to make the chart fill correctly in to these missing values. In the following fiddle you can see that all series start at January but for example, the year 2014 only has months 5,6,9.

Can you explain if Kendo Chart is able to fill in or ignore these gaps and bind the months to the correct category axis.

http://jsfiddle.net/jokullie/4m977twr/

Thank you,
Baldvin

Hi, are there any known issues with IE11 grid performance during row selection when 250+ records being displayed?  I can pull up the same page in Chrome and it's super quick even at 500 records, but in IE11 the grid is less responsive during selection event.  IE11 seems to show no delay during other events (paging, sorting, filtering).

Hi,

 I am currrently evaluating the TreeMap control. I am interested in using it in an AngularJS application. I could not find much documentation on the API. The following link leads to a 404 error. http://www.telerik.com/support/code-library/kendo-ui/treemap

 

Basically I would like to know if I customize the template of each cell. Rather than having only one label in each cell, could I have a few labels, each with different font and size?

Is there a click event? When a user clicks on a cell, I'd like that to be directed to another page.

I could only see a basic usage of the Treemap. Is there an advanced sample available?

Thanks,

Chris

I've been banging my head all day on this. I know you can open a window and then say have a button that when clicked opens another window from inside that.

See here for a demo: http://plnkr.co/edit/vl2VTi6EIXKcViwl1xae?p=preview

In my project however I am trying to do the same thing but instead of working as expected it is rendering the kendo windows inline (as if they are just divs with content in them).

 When I swap out the version of kendo I am using (v2015.3.930) with the version inside my plnkr (2014.2.716) my kendo-window divs are no longer rendered but they also still do not work.

 What could cause this behavior with the kendo-window components? Could angular-ui-router have anything to do with this? The initial kendo-window is being called from a nested (named) ui-view. The only other javascript libraries I am using are angular-toastr and angular-local-storage (of which I don't think either could be the culprit).

 

Hi,

I changed the AngularJS Snippet from your demo section so that i can display a dropdown in one column header.

My problem is, that the dropdown has no data. If there was data, how can i get the selected item (without using the change event from that dropdown)

Thanks for your help.


<!DOCTYPE html>
<html>
<head>
    <base href="http://demos.telerik.com/kendo-ui/grid/angular">
    <style>html { font-size: 12px; font-family: Arial, Helvetica, sans-serif; }</style>
    <title></title>
    <link rel="stylesheet" href="http://cdn.kendostatic.com/2014.3.1316/styles/kendo.common.min.css" />
    <link rel="stylesheet" href="http://cdn.kendostatic.com/2014.3.1316/styles/kendo.default.min.css" />
    <link rel="stylesheet" href="http://cdn.kendostatic.com/2014.3.1316/styles/kendo.dataviz.min.css" />
    <link rel="stylesheet" href="http://cdn.kendostatic.com/2014.3.1316/styles/kendo.dataviz.default.min.css" />

    <script src="http://cdn.kendostatic.com/2014.3.1316/js/jquery.min.js"></script>
    <script src="http://cdn.kendostatic.com/2014.3.1316/js/angular.min.js"></script>
    <script src="http://cdn.kendostatic.com/2014.3.1316/js/kendo.all.min.js"></script>
</head>
<body>
<div id="example" ng-app="KendoDemos">
    <div ng-controller="MyCtrl">
        <kendo-grid options="mainGridOptions" />
    </div>
</div>

<script>
    angular.module("KendoDemos", [ "kendo.directives" ])
        .controller("MyCtrl", function($scope){
      
      $scope.dropDownTemplateOptions = function(){
        return {
            dataSource: [
                        { text: "Black", value: "1" },
                        { text: "Orange", value: "2" },
                        { text: "Grey", value: "3" }
                    ],
            dataTextField: "text",
            dataValueField: "value"
        };
      };
      
            $scope.mainGridOptions = {
                dataSource: {
                    type: "odata",
                    transport: {
                        read: "http://demos.telerik.com/kendo-ui/service/Northwind.svc/Employees"
                    },
                    pageSize: 5,
                    serverPaging: true,
                    serverSorting: true
                },
                sortable: false,
                pageable: true,
                dataBound: function() {
                    this.expandRow(this.tbody.find("tr.k-master-row").first());
                },
                columns: [{
                    field: "FirstName",
                    title: "First Name",
                    width: "120px"
                    },{
                    field: "LastName",
                    title: "Last Name",
                    width: "120px"
                    },{
                    field: "Country",
                    width: "180px",
                   headerTemplate: '<select kendo-drop-down-list k-options="dropDownTemplateOptions">'
                    },{
                    field: "City",
                    width: "120px"
                    },{
                    field: "Title"
                }]
            };

            
      
      
        })
</script>


</body>
</html>

Hello Every one,

When We click the delete button it deletes the row on the fly. But it does not send any data by the transport.destroy {}  function to the server nor transport.destroy function to call delete action to remove from Database. How can I make it workable  (invoke deleteAction) through transport.destroy {} to delete data from server by {command : 'destroy' } Button?

For you convenience, here is my Code for your reviewing : 
===================================================


According to the above code, the Delete Button does not invoke our PHP deleteAction() and i need your help.