Has anyone had experience with integrating Kendo with Hot Towel Angular?

We are attempting it and we aren't having any luck.

Hello,
We are currently in a trial to evaluate the product for a project. We want to create a masked date input, but using the "angular way" which means no JQuery DOM manipulation.

We saw this article and is exactly what we need, but we are unable to reproduce it using just angular.

Please help.

Thanks in adavance

Hi forum,
I'm interested in the use of Kendo UI widgets the WebComponent way, and also supporting IE11+.
In Chrome, without loading the polyfills everything is pretty neat and straight forward.
The problem comes when I import the  webcomponents.js library. In both browsers I get the "white screen of death" i.e. white screen, no errors, no exceptions in the console. I import the polyfill as it should be - the first <script> tag on page.
Here is my set-up:
Kendo UI: 2016.1.112;
OS Name: Microsoft Windows 8.1 Enterprise
OS Version: 6.3.9600 N/A Build 9600
IE v11.0.9600.18098
IE update v11.0.25 (KB3100773)
Chrome v47.0.2526.111 m (64-bit)
jQuery v1.9.1
webcomponents.js v0.7.20

Hi

I am working on AngularJS and trying to KendoUI using below link-
http://docs.telerik.com/kendo-ui/AngularJS/introduction

I am using Visual Studio 2013 as editor and I am struggling to every option/attributes (prefix with k-) available as a part of kendo.directives.
Where I can find entire list of 70+ KendoUI AngularJS controls and their properties?

For example, when I am using on Kendo-Window, I am able to add actions. But there is no documentation I found to attach events to these actions (like custom or refresh). How to attach method on click of custom or refresh?

        <div kendo-window="wnd" k-actions="['refresh','custom','minimize','maximize','close']" >
            Color Picker:<h4> {{color3}}</h4>
            <input kendo-color-picker ng-model="color3" k-buttons="true" k-preview="false" k-input="true" />
        </div>

Please share the exact documentation path of each control and their properties just like you have it for HTML5 controls.

 

Cheers

Sanket

 

Hi,

Kendo UI version -  2015.1.429

I have been tasked with creating a week view which breaks things out by day of the week and then resource. I know that I can extend the week view (or multiday view), which I have tried to do, but I am finding it extremely difficult. I have tried altering _group and _timeSlotGroups, but regardless of how I try to tweak it, it doesn't appear to what I expect. I expect it to behave the same as an unaltered week view with events ordered as I requested. Can you share with me if and how this can be achieved properly? Thanks

Hi,

As i need not refresh whole kendo grid i just want to update change value with previous column values.

 

Regards,

Rajender Kumar

hi,

am wondering any example for using integrating with KnockoutJS ?

 

regards....

Hi, i tried to catch the kendoRendered event in angular but it's never fired.
kendoWidgetCreated event work fine but not kendoRendered...
my kendo ui version  is v2014.2.1008 

Sample:

this.$scope.$on('kendoRendered', function (event: ng.IAngularEvent)
        {
            //NOT FIRED!!!
        });
        //Gestisce l'inizializzazione dei widget kendo
        this.$scope.$on('kendoWidgetCreated', function (event: ng.IAngularEvent, widget: kendo.ui.Widget)
        {
            //FIRED WELL!!
        });

any suggestions?
thanks

I am evaluating Kendo UI for use with Angular.  I have spent many hours oin this issues, with no resolution so far.

I am creating a grid from a remote datasource and I want tformat the columns with embedded widgets (dropdown list & datepicker).

 I tried using rowTemplate and then column templates.  No matter what I do I get very strange behavior for the column entries.  This happens for both existing rows and rows I add with .addRow

 Here's the grid options:

Here's the symptoms:

- all values disappear when I call .addRow values disappear

- if I add a 2nd row, that row becomes highlighted (gold, I think) and stays highlighted.

 Any ideas?

 

Hi,

I am trying to create a new data array with fresh elements for the weekview of my scheduler this way

Declarations:

//Html element

<div kendo-scheduler="schedulerAppointment" id="schedulerAppointment" k-options="schedulerOptions"> </div>​

 

//Events

var events = new kendo.data.ObservableArray([]);
$scope.ds = new kendo.data.SchedulerDataSource({
            data: events,
            schema: {}
});​

//Options
var scheduler = $scope.schedulerOptions = {
            editable: false,
            startTime: new Date(),
            date: new Date(vm.total),
            views: [
                    {
                        type: "agenda",
                        title: "Diario",
                        eventTemplate: $("#event-template-daily").html(),
                        selected: true
                    },
                    {
                        type: "week",
                        title: "Semanal",
                        eventTemplate: $("#event-template-week").html(),
                        selected: false
                    }
            ],
            timezone: "Etc/UTC",
            eventTimeTemplate: $("#event-time-template").html(),
            allDaySlot: false,
            majorTick: 30,/*recibido de base de datos*/
            isAllDay: {
                type: true,
                from: "IsAllDay"
            },
            dataSource: $scope.ds,
            showWorkHours: true,
            navigate: scheduler_navigate,
            dataBound: scheduler_dataBound
        };

 

//Finally setting the array of new events

$scope.schedulerAppointment.dataSource.data(eventsArray);

$scope.schedulerAppointment.refresh();​

 

This for the weekview of the scheduler, but all that I get is the dayview (prior view) filled with the new data and the week view is not being shown.

Can you please tell me how can I accomplish this?.

Thank you very much.