Telerik Forums
Kendo UI Integration Forum
1 answer
122 views
How to use angular filter in Kendo template?

I am trying to use the Angular date filter.

http://dojo.telerik.com/@Xavier/OVIfE
Petyo
Telerik team
 answered on 12 Aug 2014
4 answers
93 views
hi,
I have been trying to use the ActionSheet example with LIstView instead of Grid.

Do you have any example of this? I´d like to see some documentation about how to trigger the actionsheet in a listview or how to handle events, data. etc

Kiril Nikolov
Telerik team
 answered on 08 Aug 2014
1 answer
290 views
 Hi - me again -  as in my previous post, I have 2 treeviews.  I would like to be able to move only the parent nodes from one tree to parent nodes of the other.  I have a dojo with what I'm trying, but I keep getting undefined errors.  I have drag and drop events set.  It gives undefined errors when I drag and it still allows me to drag and drop a child node.  Thank you in advance for any help.


Here's dojo link - http://dojo.telerik.com/EluY/8

Donna
Alex Gyoshev
Telerik team
 answered on 06 Aug 2014
3 answers
258 views
I have two treeviews, I would like to drag from the first one to the second one as a child of one of the nodes in the second treeview.  I want to keep the node in the first treeview (drag and copy).  I have tried several things and can't seem to get it right.  I am trying not to access any DOM elements in my controller, so figuring out the code to append the dragged node as a child to one of the nodes in the second treeview is escaping me.  I have a simplified version of what i'm trying in the dojo - http://dojo.telerik.com/EluY/2

Any help is very much appreciated!

Thanks,
Donna
Kiril Nikolov
Telerik team
 answered on 05 Aug 2014
1 answer
181 views
I took scheduler options from here http://kendo-labs.github.io/angular-kendo/#/Scheduler (copy-paste)
When try to move event to some other day it throws the following error:

TypeError: Cannot read property '$destroy' of undefined 

Going through the source code  see it calls destroy for the scope that is undefined.

function destroyScope(scope, el) {
    scope.$destroy();  // scope is null here
    if (el) {
      $(el)
        .removeData("$scope")
        .removeData("$isolateScope")
        .removeData("$isolateScopeNoTemplate")
        .removeClass("ng-scope");
    }
  }
Mihai
Telerik team
 answered on 25 Jun 2014
1 answer
389 views
I want to display my own confirmation window so I handled remove eve t in options

{
  ...
  remove: function(e) {
     e.preventDefault();
    // more my code here
  }
}


However, this is ignored and, even preventDefault works great for add and edit it doesn't (at least for me) for remove.

Mihai
Telerik team
 answered on 25 Jun 2014
4 answers
914 views
Is it possible that kendo angular directives are not initialized if directive is surrounded with ng-if directive (initially false)?

I have that behavior with menu and window directives. Is there some workaround.
Mihai
Telerik team
 answered on 25 Jun 2014
4 answers
104 views
Hello,

I am looking to use the Kendo data source with SignalR.  Will all of the clients get the update on all machines in a web farm if I use the autosync: true configuration on the data source? Have you tested the data source with the SignalR backplane?

Thanks,
Allison
Vladimir Iliev
Telerik team
 answered on 03 Jun 2014
2 answers
1.0K+ views
I have an ASP.NET MVC solution in which I am using the angular-kendo directives.  I have a dropdownlist with an onchange event which populates a grid.  I have set the pagesize on the grid's datasource, but I can't seem to get it to work.  All of the rows brought back from the datasource read show in the grid and the pager info shows NaN - NaN of 30 items.  Any help is very much appreciated!

Here is the Index.cshtml with the dropdownlist:
@{
    Layout = "~/Areas/admin/Views/Shared/_Layout.cshtml";
}
<div ng-controller="adminController">
    <div class="row">Customers
        <select id="customerDDL"
                kendo-drop-down-list
                k-data-source="customers"
                k-data-text-field="'companyName'"
                k-data-value-field="'companyCode'"
                k-option-label="'Select a customer...'"
                k-on-change="customerChanged(kendoEvent)"
                k-on-data-bound="onDDLDataBound(kendoEvent)"
                k-auto-bind=false
                style="width: 400px">
        </select>
    </div>
<div ng-view="" class="tab-content"></div>
</div>

Here is the angular controller with the ddl change event and the grid definition:
'use strict';
 
adminApp.controller('adminController',
    function ($scope, GetCustomers) {
        $scope.customers = GetCustomers.customers.query();
 
        $scope.customerChanged = function (e) {
            var _usersgrid = $("#usersGrid").kendoGrid({
                dataSource: {
                    transport: {
                        read: {
                            url: '/admin/Home/GetUsers/' + e.sender.value(),
                            dataType: 'json',
                            type: "GET"
                        }
                    },
                    pagesize: 10,
                    serverPaging: true
                },
                pageable: true,
                columns: [
                    { field: "UserKey", hidden: true },
                    { field: "UserId", hidden: true },
                    { field: "UserPassword", hidden: true },
                    { field: "UserTitle", hidden: true },
                    { field: "UserFName", title: "First Name" },
                    { field: "UserLName", title: "Last Name" },
                    { field: "UserEmailID", hidden: true },
                    { field: "UserTimeout", hidden: true },
                    { field: "UserEditableFlag", hidden: true },
                    { field: "UserStartDate", hidden: true },
                    { field: "UserEndDate", hidden: true },
                    { field: "UserLastLogin", hidden: true },
                    { field: "UserFailedAttempts", hidden: true },
                    { field: "Carrier", hidden: true }
            ]
        });
 
        var _authusersgrid = $("#authUsersGrid").kendoGrid({
            dataSource: {
                transport: {
                    read: {
                        url: '/admin/Home/GetAuthorizedUsers/' + e.sender.value(),
                        dataType: 'json',
                        type: "GET"
                    }
                }
            },
            columns: [
                { field: "Id", hidden: true },
                { field: "UserName", title: "First Name" },
                { field: "UserLName", title: "Last Name" },
                { field: "IsBiUser", title: "Is BI User" }
            ]
        });
    }
        $scope.onDDLDataBound = function (e) {
            var dropDown = $(e.sender.element).data("kendoDropDownList");
            dropDown.select(0);
        }
    }
);

Here's the cshtml with the grid markup:
<div class="tab-pane active" id="/home/users">
    <div class="row">
        <div class="col-md-6">
            <div id="usersGrid"></div>
        </div>
        <div class="col-md-6">
            <div id="authUsersGrid"></div>
        </div>
    </div>
</div>

Donna Stewart
Top achievements
Rank 1
 answered on 20 May 2014
4 answers
324 views
I'm trying to learn KendoUI and RequireJS.
I've created simple application that is displaying kendo window.

My require.config looks like this:

    require.config({
        paths: {
            jQuery: [
                'http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.0/jquery.min',
                'libs/jquery-2.1.0'
            ],
            underscore: [
                'http://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.6.0/underscore-min',
                'libs/underscore'
            ],
            handlebars: [
                'http://cdnjs.cloudflare.com/ajax/libs/handlebars.js/2.0.0-alpha.2/handlebars.min',
                'libs/handlebars'
            ],
            kendo: 'libs/kendo',
            text: 'libs/require/text',
            async: 'libs/require/async',
            templates: 'templates'
    
        },
        shim: {
            'jQuery': {
                exports: '$'
            },
            'underscore': {
                exports: '_'
            },
            'handlebars': {
                exports: 'Handlebars'
            },
            'k': {
              deps: ['jQuery']
          }
        }
    });

and my main:

    require(['jQuery', 'handlebars', 'helpers/handlebarsHelper', 'kendo/kendo.notification', 'k/kendo.window'], function ($, Handlebars, hh) {
    
        hh.init();
    
        var popupNotification = $("#popupNotification").kendoNotification({
            position: {
                top: 20,
                right: 20
            }
        }).data("kendoNotification");
    
        window.setInterval(function () {
            var d = new Date();
            popupNotification.show(kendo.toString(d, 'HH:MM:ss.') + kendo.toString(d.getMilliseconds(), "000"), "error");
        }, 7000);
    
        $("#window").kendoWindow({
            width: "500px",
            modal: true,
            resizable: false,
            actions: ["Close"],
            title: "About Josef Hoffmann",
            visible: false
        }).data("kendoWindow").center().open();
    
    });

My application works, but from time to time I get error
`Uncaught ReferenceError: jQuery is not defined`

RequireJS has option to specify shim, but it isn't working for KendoUI, probably I'm doing something wrong.

So my question is:
How should I configure requireJS to get it working with KendoUI?

I found http://docs.telerik.com/kendo-ui/getting-started/using-kendo-with/using-kendo-with-requirejs but I would like to load specific widgets as modules in my scripts and to be able to load jQuery as AMD module.

I've attached my demo project to show my problem, if everything load correctly hit F5 and after some tries You will get sema error as I did.
Misiu
Top achievements
Rank 2
 answered on 13 May 2014
Narrow your results
Selected tags
Tags
+? more
Top users last month
Jay
Top achievements
Rank 3
Iron
Iron
Iron
yw
Top achievements
Rank 2
Iron
Iron
Stefan
Top achievements
Rank 2
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jay
Top achievements
Rank 3
Iron
Iron
Iron
yw
Top achievements
Rank 2
Iron
Iron
Stefan
Top achievements
Rank 2
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?