Telerik Forums
Kendo UI Integration Forum
4 answers
92 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
275 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
242 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
172 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
375 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
877 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
100 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
312 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
2 answers
333 views
I am trying to use Angular with Kendo UI Mobile.  I am having problems understanding how Kendo UI templates work with Angular.  Specifically I am trying to use the mobile scroll view widget with a Kendo UI template that has a button on the template.  I would like to use ng-click on this button to fire a function.

I have lightly altered the mobile scroll view example provided with the Angular-Kendo repository to demonstrate what I am attempting:

http://plnkr.co/edit/Cn0kID3tZWbRRNki8FBB?p=preview

The "Process" button does not appear to call the function in the ng-click that is specified in the template.

What am I missing?

Thanks

Kerry
Top achievements
Rank 1
 answered on 09 May 2014
Narrow your results
Selected tags
Tags
+? more
Top users last month
Anislav
Top achievements
Rank 6
Silver
Bronze
Bronze
Jianxian
Top achievements
Rank 1
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Jim
Top achievements
Rank 2
Iron
Iron
Nurik
Top achievements
Rank 2
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Anislav
Top achievements
Rank 6
Silver
Bronze
Bronze
Jianxian
Top achievements
Rank 1
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Jim
Top achievements
Rank 2
Iron
Iron
Nurik
Top achievements
Rank 2
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?