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?

Hello,
kendo UI can be integrated with Foundation for Apps?And if so, has or will have docs or tutorials exemplifying how to integrate it with Foundation for Apps?

Thanks so much.

I m trying to integrate Kendo-ui into my AngularJS app. I have a working AngularJS app with ngResource as following:

(function () {
"use strict";
angular
.module("app")
.controller("RoleListCtrl",
["roleResource",
RoleListCtrl]);
function RoleListCtrl(roleResource) {
var vm = this;
roleResource.query(function (data) {
vm.roles = data;
});
}
}());

I want to use the same roleResource.query() to get data for a <kendo-treelist options="treelistOptions"></kendo-treelist>. I tried as following:

$scope.treelistOptions = {
dataSource: {
type: "odata",
transport: {
read: function (e) {
roleResource.query(function (data) {
return data;
});
}
},
schema: {
model: {
id: "id",
expanded: true
}
}
}, ......

It can start to loading data but the data never loaded (the loading.gif running for ever).

What is the right way to use Angualr-Resource with kendo dataSource?

Thanks,

I am trying to use a TreeList in my AngularJS app, based on demo "TreeList / Binding to local data".

I added a "createChild" button on each row as

columns: [
{ field: "Position", title: "Role", width: "350px" },
{ field: "Name", title: "Name", width: "250px" },
{ field: "Phone" },

{command: ["edit", "destroy", "createChild"]}
],

It is good to open an editor row under the button, but how do I reference its parent row?

I tried to add an "save" event as

save: function (e) {
alert(this.dataItem);
}

but it seems not right. Please advise!

By the way, when I "edit" and "delete" an item during the test, it successfully shows the result, but when I "update" the new row, it does not show up after the editing row closed. What do I miss?

 

Thanks,