Angular Code to update datasource:

$scope.bindGroupCost = function (groupCostData) {            
            $scope.bindGroupCostData = new kendo.data.DataSource({ data: groupCostData });
            $scope.bindGroupCostData.read();                 
        }

HTML Code:

 <div class="k-content">
                                            <div>
                                                <div kendo-chart
                                                     k-title="{ text: 'Group Total Cost', position: 'bottom' }"
                                                     k-series-defaults="{ type: 'pie' }"
                                                     k-series="[{ field: 'groupCost', categoryField: 'groupName', padding: 0 }]"
                                                     k-tooltip="{ visible: true, format: 'Group Cost: {0} £' }"
                                                     k-data-source="bindGroupCostData"
                                                     k-series-hover="onSeriesHover"
                                                     style="width:100%; height:350px; border:1px;"></div>
                                            </div>
                                        </div>

Calling angular function from javascript:

angular.element(document.getElementById('tblContainer')).scope().bindGroupCost(JSON.parse(slices));

My problem is that when I am updating the 'slices' values at runtime, kendo pie chart is not updating the datasource and pie chart is not updating.

Please let me know how to refresh the keno chart when datasource is updating at runtime.

Look forward to hear from you.

Let me know if you need any more details..

Hi,

I'm new to a .NET web app project that is using a DatePicker to switch between report dates (also new to Telerik's products as well).  Need to add a feature that highlights dates that have available reports.  

My question is: How do I add a legend to the calendar that says something like "Highlighted dates have reports available" either above or below where today's date is displayed?  When the calendar icon is clicked, the calendar drops down, but I can't seem to figure out how to put a legend/key on the calendar.  As far as I can tell, here is the code generating the attached DatePicker:

- In a .cshtml file:

- And the call in another .cshtml file:

Thanks for the help.

I am trying to configure a tabstrip as follows in an AngularJS app:

1st tab has some search controls and grid and is always visible - when user searches and get results there is a command column which is calling a function to dynamically append a new tab that is setting the contentUrl to a partial view (which of course has an associated controller) (i.e. contentUrl: 'views/myview.html'). I need to be able to pass a parameter (querystring or some other way) to the view/controller so it can load the actual expanded details of the record in a form layout but I can find no examples of how to do so (pass a parameter if it is even possible).  I've even tried setting up the actual view within an angular directive and having an attribute on the element with the necessary parameter but the tabstrip does not seem to recognize/render directives.  Also, the example I've seen for adding a close button to tabs does not seem to work in the Angular realm so I respectfully request that an example (if it is possible) of how to do that in a pure angular view/controller since you claim to support angular.

Hi.

I'm trying to get my inline delete buttons to work when I click OK. I know, I know, I've read about the autosync property but I don't want that on, because whenever I make a change to a field, it's making a change to the DB, I don't want that.

I want to achieve: when the user clicks delete, and clicks OK confirming the deletion, the dataSource.sync gets called to actually make the deletion/change in my web api controller.

I did this.

                                        remove: function (e) {
                                            dataSource.sync();
                                        },

And it doesn't make the change apparently. It certainly removes it from the model, as the row's getting deleted, but I click cancel, and it comes back. So this isn't firing.

Any help is appreciated. Thanks.

Is there a way to programmatically set column.filterable.ui?

We are using the following

 filterable: { ui: function(element) { element.kendoNumericTextBox({ format: 'n', decimals: 10 });}}

to increase the number of decimals available to numeric columns.  However, we are having a problem serializing this using getOptions() and setOptions().  This data isn't retained when we use JSON.Stringify().  I can save data in the serialized json string that can allow me to recreate this; however, I have to be able to set the column.filterable.ui programmatically in order to restore it using the serialized json string.

Hello, 

Is it possible that the treelist loading looks like the grid loading ?

The treelist loading isn't even following the default height (in options).

A screenshot is attached.

Thank you

I know, by applying kendo.culture() to kendoDatePicker control will set the localization to control and changes the name of month and day accordingly. But how can we change the name of month and day of datepicker control for language which does not have specified culture manually.

When I checked the language pack of Kendo, Kendo provides "localization" property for controls like Upload, grid etc, where we can manually set the translated text to get them displayed (as shown below). Is there any option like that for "datePicker" ?

There been many article and questions on Kendo control localization, but could not find answer to this particular scenario.