Hi,

I have REST endpoint of a collection that supports an offset and limit query parameter. I am using angular ngResource to query this collection. The REST endpoint also supports the ability to retrieve the total count of the collection. I have similar query params to view the count based on search parameters.

Could somebody point me to a kendo-grid pagination example where I can use an ngResource based count and collection retrieval based on my custom query parameters.

Thanks,
Rajesh

Hi,

I am using angular kendo window and using the kendo validator within them. If one of the form fields has an error, the $scope.validator.validate() fails as expected. However on correction of the error the $scope.validator.validate() continues to fail. 

I have the same kendo-validator="validate" set on both an 'add' kendo-window and an 'edit' kendo-window form. Once I have a failure in the edit window, opening the add window always shows errors on each of the fields.

Is there any special note or todos for angular kendo-window, kendo-validatiors that I should be aware of. I can post a plnkr if needed. Please let me know.

Here are some snippets

<div kendo-window="allDevices.addNewDeviceKendoWindow" k-title="'Add'" k-width="520" k-height="520"
             k-visible="false"
             k-position='{left:400, top:250}'
             class="titlewindow">
            <div>
                <form id="adddeviceform" class="form-horizontal myform" role="form" kendo-validator="validator"
                      autocomplete="off">

 <!-- K-window for edit-->
        <div kendo-window="allDevices.editDeviceKendoWindow" k-title="'Edit'"
             k-width="520" k-height="520" k-visible="false" k-position='{left:400, top:250}' class="titlewindow">
            <div>
                <form id="editdeviceform" class="form-horizontal myform" role="form" kendo-validator="validator"
                      autocomplete="off">

I'm using an
 if ($scope.validator.validate()) { 

call in the on submit of both the forms

-Rajesh

I have an Angular App that uses Kendo some Kendo components and I'm having trouble with ng-repeat on a kendo dataSource object. These objects from the DataSource get injected into a Directive that uses the objects for rendering. Basically, the first added object added fine and then subsequent objects are entering the datasource but are not triggering the creation of more rows--- _until_ I interact with the _first_ object ie clicking it.  Please help me to figure how to fix this problem.

Here is the ng-repeat:

    <plate-builder ng-repeat="plate in plates.view()"  plate="plate" modals="modals" plates="plates">        </plate-builder>

here is the directive code:

    angular.module('plateApp.directives',['plateApp.services', 'plateApp.controllers'])
    .directive('plateBuilder', [ 'createPlateService', function(){
        return{
            restrict : "AE",
            scope : {
                plate : "=plate",
                plates : "=plates",
                modals : "=modals"
            },
            templateUrl : "/ng/plate/partials/platePartial.html",
            controller : 'PlateBuilder.plateCtl'
        }
    }])


I am adding objects to the datasource like this:



            $scope.plates = new kendo.data.DataSource({

                data : []

            });

            $scope.addNewPlate = function(){
                $scope.plates.add(createPlateService.newPlate());
            }


Here is the thing I am adding:


    angular.module('plateApp.services',[])
    .factory('createPlateService',['$http' ,'$log','$q',
    function( $http, $log, $q){

        var columns = ["1","2","3","4","5","6","7","8","9","10","11","12"];
        var rows = ['A','B','C','D','E','F','G','H'];
        var plate = {};
        plate.grid = [];
        plate.grid [0] = []
        plate.grid [0][0] = { 'name' : '' , 'active' : false } ;
        for( var i = 0 ; i < columns.length ; i += 1){
            plate.grid[0][i+1] = {};
            plate.grid[0][i+1].type = "col-label";
            plate.grid[0][i+1].name = columns[i];
            plate.grid[0][i+1].active = true ;
        }
        for ( var i = 0 ; i < rows.length ; i += 1 ){
            plate.grid[i+1] = [];
            plate.grid[i+1][0] = {};
            plate.grid[i+1][0].type = "row-label";
            plate.grid[i+1][0].name = rows[i];
            plate.grid[i+1][0].active = true;
        }
        for (var i = 0 ; i < rows.length ; i += 1){
            for ( var j = 0 ; j < columns.length ; j += 1){
                plate.grid[i+1][j+1] = {};
                plate.grid[i+1][j+1].name = "empty";
                plate.grid[i+1][j+1].row = rows[i];
                plate.grid[i+1][j+1].col = columns[j];
                plate.grid[i+1][j+1].db_table = null;
                plate.grid[i+1][j+1].id = null;
                plate.grid[i+1][j+1].active = true;
            }
        }

        plate.getCell = function( row , col ){
            return plate.grid[row+1][col+1];
        }



        return {
            newPlate : function(){
                var rPlate = angular.copy(plate);
                rPlate.created = new Date();
                rPlate.sisUser = $('#sis-user').val();
                rPlate.status = 'unsaved';
                return rPlate
            }
        }

    }])

I've been looking for a solution to this, and what I found is not pretty.  Is there a better way to have a Mobile ListView redraw once you've updated its attached datasource(an array in this case) other than doing this in the controller?

$("#listView").getKendoMobileListView().dataSource.read();

I'm new to angular, but to me the controller having this level of knowledge about the view seems wrong.  

Hello,

I have found this issue in several of the Kendo UI (when integrated with AngularJS) controls and wanted to see what I'm doing wrong.

The underlying issue is this.  If my controller calls to a data provider (i.e., an AngularJS factory that then calls to a backend Rest service) that resolves data (returned from the Rest service) and then sets the MultiSelects options.dataSource configuration to that result, the multiselect list is not filled.  If I just fill the options.dataSource with stub data outside of the factory call, everything works fine - but this isn't realistic.

I have attached a zip file (containing a Kendo Dojo Html file) that demonstrates the issue.  I was able to reproduce this by just using (for Dojo purposes) a $watch service to simulate the data provider call/resolution.  I can expand the repro to use a factory and hard code the data and resolve that data, if necessary.

The company I work for has a commercial license, but it's late, and I don't have the account information (I'm logged in with an account I created to get the Trial version).  We have support tickets.  I can get you this information tomorrow if it's necessary...I just need help figuring this out.

Thank you so much!!
 
-Mark

Hi, I want to put all my kendo templates in small html files and load them dynamically inside an angular controller. This is possible? I want to avoid to put the kendo templates in my main html file.

Thanks in advance.

The Windows Installer packages for the Q2 2014 release (v.2014.2.716) contain outdated TypeScript and VSDOC definitions.
The ZIP packages are not affected. Future service versions will be free of this defect.

Attached is the reference version from the ZIP versions.

Please accept our apologies for the caused inconvenience.

Why does my switch looks weird?
http://dojo.telerik.com/@Xavier/AXab

The label sample shown in the document does not show the labels Yes and No. http://docs.telerik.com/kendo-ui/api/mobile/switch

There doesn't seem to be a directive for the Stock-Chart. Am I missing something? 

I thought it would be something like this:

<div id="kc" kendo-chart
k-legend="{ position: 'bottom' }"
k-transitions="false"
k-series-defaults="{ type: 'stockChart' }"
k-series="[
{ field: 'Value',
markers: {
visible: false,
}
}
]"
k-navigator= "{
series: {
type: 'area',
field: 'Value'
}}"
k-data-source="theSource"
k-series-hover="onSeriesHover"
>

How to use angular filter in Kendo template?

I am trying to use the Angular date filter.

http://dojo.telerik.com/@Xavier/OVIfE