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.

I extracted kendo ui professional js and style folder in eclipse, y am i getting errors in the js folder in dataviz.js related fies

lets say in my Angular app I want to put an editor in my page, This is easily done with

<textarea kendo-editor id="editor" k-ng-model="myhtml"></textarea>

In this example the editor is initialized and works as it should.
Now I'm going to create a directive which is called myEditor because based on my app I want to use it more often and the amount per page can differ.

<textarea id="editor" my-editor></textarea> would be the tag in my app with the corresponding directive which has the kendo-editor as a template:

angular.module('mymodule', [])
.directive('myEditor', function() {
  return {
    template: '<textarea id="editor" kendo-editor></texarea>'
  };
});​

When running this very simpel code the directive will run but the KendoEditor will not initialize as the timeout has been removed as stated by Telerik support:

>>> For Q2 2015 we removed a timeout, which was used in the Kendo UI widgets' initialization in Angular scenarios. This timeout is normally not necessary, however, in your case it allowed the Editor to be initialized correctly. Now that the timeout has been removed, the problem is that the Kendo UI Editor is created while the widget's markup is outside the DOM. If the widget markup is outside the DOM, then the iframe will be outside the DOM too. <<<

 

So my question is: how can I get the custom directive to work using the KendoEditor.

furthermore: even not using the angular KendoEditor directive but creating it from JQuery will fail:

$(element).kendoEditor();​

Hi All,

I'm in the process of investigating how to move my fairly large web application from asp.net webforms to a JS approach.  I can see massive benefits but being a one man band there is a lot of learning that seems to be needed.  So I am looking for a few short cuts to help iron out some of the leg work that will be needed. 

My constant gripe (and believe me I bore myself with this one!) with control providers is the lack of any good form generation component, yes everyone has the components of forms but no great tools for good form generation.  Today I stumbled over Angular-Formly and it seems to go a long way to generating a form from a model schema,  I am certain that there will be limitations but I'm finding that there is no system without limitations.  Formly appears to allow for custom templates for controls can be added in, it seems that any controls can be added to the system so I am wondering whether Kendo controls could be added.

Given the above I have a few of questions

1) Has anyone tried this or any similar products in conjunction with Kendo UI?  Any pointers or suggestions?

2) Given the obvious benefits of having Formly Kendo UI templates what is the likelihood that Telerik will add and then maintain some?

3) I assume that there is nothing built into Kendo UI in the pipeline that would do the same thing?

Best Regards

 Jon

I am trying to integrate the Kendo Grid within a widget owned by ReactJS.  My preference would be initialize this imperatively but it seems that jquery objects from react references don't have the kendo functions attached.  Is it possible to use window.kendo to initialize the grid somehow or do I have to use the jquery plugin functionality?

 

Some code if the above doesn't make sense.  This works: 

window.kendo.bind($(React.findDOMNode(refs.theGrid)), viewModel);

 This doesn't work, returning "Uncaught TypeError: (0 , _jquery2.default)(...).kendoGrid is not a function": 

$(React.findDOMNode(refs.theGrid)).kendoGrid({...});

 Alternatively, any ideas on how to get the jquery plugin functionality back from within React components?

I am having trouble selecting items from a multiselect control, only when it is inside of an ionic modal.

The only other information that I can find is a somewhat related post here: http://forum.ionicframework.com/t/using-kendo-ui-widgets/7562

This topic mentions to add data-tap-disabled="true" and I have done that, but that didn't solve the issue.

I have created a kendo dojo that replicates the issue here: http://dojo.telerik.com/@gtripoli/EMARe

I use angularjs with TreeList like this <div ng-controller='TreeListCtrl as vm' ng-if='vm.mode==="tree"' kendo-tree-list k-options="vm.options" k-ng-delay="vm.options" k-rebind='vm.options'></div>`. It can show data very well, but if I click the icon to expand or collapse, I got the issue: Uncaught TyperError: Cannot read property 'find' of null. This only show if I used 'k-rebind'.

I use angularjs 1.4.5 & latest kendo-ui.

I found a JSFiddle (http://jsfiddle.net/saAfL/240/) that shows me how to do drag and drop reordering of rows, but was wondering if there is a preferred way to make this work inside an Angular controller. Currently I'm providing all grid options using k-options. Is there a way to specify draggable and droptarget in an Angular way?

It appears as though something happens to break the bindings when clearing a value from a kendo datetimepicker in an angularjs application.  I have a custom validator I'm using to validate that and end time falls after a start time and it works up until the point where I clear the field value for end time and then the validator no longer fires.  

 This appears to be a regression because if I point back to the 2015.1.318 release of KendoUI then it works as expected.

 Example can be found here: http://dojo.telerik.com/oDasE

Steps to reproduce:

1. Select Start Date
2. Select End Date before the Start Date and note the error is surfaced correctly.
3. Highlight the value in End Date and hit delete or backspace
4. Select a new value that falls before the Start Date
5. Error does not reappear.

I am learning the TreeList, and follow the "AngularJS" demo. I tried to "Edit this example" by replacing "editable: true" with "editable: { move: true }". The rows can be dragged but cannot be dropped.

Is this a bug or I missed something?