Hello,

 I have a custom template and I am trying to have a validation for that template.

Dojo is here. http://dojo.telerik.com/@balaji/aMoBA

I have a validation on the Price column (required:true). 

But when I delete the Price value from cell and tab out, am not able to see the nice little tooltip provided by kendo. am I missing something?

Thanks.

Hi Guys,

I'm having a hard time getting along with the PanelBar and angularJs. I'm hoping "Integrates seamlessly with AngularJs" isn't just a tag line and i've overlooked something somewhere.

 I've written the functionality I am after (with the content displayed how I'd like) in pure AngularJs and this looks like the following

https://jsfiddle.net/5msbpmt9/3/​

I'm trying to replicate the granularity of being able to know what object behind the panelBar has been clicked on. All the entries follow the same layout and must have an image next to some text. I thought "contentUrls" may be the key there but I'm unsure as to how to use the angularJs scoped values from the item in the template file, plus also it appears I am unable to specify 1 content Url for all entries? it must be an entry for each item entry in the panel bar?

 Given the above jsfiddle implementation using just AngularJs, can anyone help me to implement the same kind of functionality in the PanelBar.

Good morning , we upgrade to version 2015.2.827 , and several components have stopped working . Apparently this giving an internal error that could not figure out

The error occurs in the function below.

File Name:  kendo.web.js

/// ====================================================================

 function calculateAggregate(accumulator, aggregates, item, index, length, state) {
        aggregates = aggregates || [];
        var idx,
            aggr,
            functionName,
            len = aggregates.length;

        for (idx = 0; idx < len; idx++) {
            aggr = aggregates[idx];
            functionName = aggr.aggregate;
            var field = aggr.field;
            accumulator[field] = accumulator[field] || {};
            state[field] = state[field] || {};
            state[field][functionName] = state[field][functionName] || {};
            accumulator[field][functionName] = functions[functionName.toLowerCase()](accumulator[field][functionName], item, kendo.accessor(field), index, length, state[field][functionName]);
        }
    }​

 ==============================================================================================

Error: Uncaught TypeError: Cannot read property 'toLowerCase' of undefined

Hello there

Before creating an example I wanted to ask that way: I'm using the Sortable widget of Kendo UI. It works fine so far. Now I want to get the ID of ALL items inside the sortable DIV container AFTER a sort has been taken place. Lets say there are 3 DIV elements inside the sortable container, each with an element called sortid (values 1, 2 and 3). I use therefore the change event of sortable:

…
change: function(e) {
    for (var i=0; i<3; i++) {
       alert($("#" + sortobjectdiv + i + " input[id='​sortid']").val());
   }

} ... 

Now I drag ​the DIV element with sortid = 3 (the most lower one on display) between the DIV elements with sortid 1 and 2 inside, the change event trigger output (for…):
1, 2, 3 -> thats the original setting as I wouldn't have changed anything. I would have expected the output: 1, 3, 2

Now I see the 3 DIV elements with their sortid in order of 1, 3, 2

When I now drag the last DIV element with sortid = 2 between the elements with sortid 1 and 3 the output is: 1, 2, 3 -> thats correct (for now). When dragging now DIV element with sortid = 3 between 1 and 2 again, the output is wrong again, next time correct again, over next time wrong again, etc.

I guess I do something wrong or my thinking about the change behaviour is wrong. That described output is what I would expect on "end" event but comparing those two in my case do have exactly always have the same output! I thought the change event would fire AFTER the DOM tree has been refreshed. 

Any hint?

Could you please help me with how I remote can click a button?

I have a button: { id: 'toolbar​Button', type: "button", text:'Button', click: function () { console.log(​'​Button clicked!'); } },

I click it like this: $('#toolbar​Button').click();

It should be simple but it's not working for me.

Hi

  We are looking for Grids with AngualrJS support. I started to evaluated Kendo. Trying to get the data to show on the Grid but unsuccessful.Took your example from Demo & modified to get the data from our Server via Rest Api. I see the call is returning data (Can find in Fiddler) but not getting bind to the Grid. Spent couple of hours but couldn't figure out the solution. Can you advice.

 HTML

 <div id="example" ng-app="app">
        <div ng-controller="MyCtrl">
            <kendo-grid options="mainGridOptions">
            </kendo-grid>
        </div>
    </div>

SCRIPT ​

var app = angular.module('KendoDemos', ["kendo.directives"]);

app.controller("MyCtrl", function($scope) {
    $scope.mainGridOptions = {
               dataSource: {
                   transport: {
                                  
                     
                        read: {
     url:"//sbdvvrso244.dev.ib.tor.scotiabank.com:8080/fdsmonitorui/rest/tasks/all",                          
                            type: "POST"
                          }
                   }
               },
               sortable: true,
               pageable: true,
      
     
             
               columns: [{
                   field: "appId",
                   title: "App",
                   width: "120px"
               }, {
                   field: "groupId",
                   title: "Group",
                   width: "120px"
               }, {
                   field: "taskId",
                   title: "Task",
                   width: "120px"
               }, {
                   field: "taskName",
                   title: "Description",
                   width: "120px"
               }, {
                   field: "status"
               }]
           };

});

Thanks

This example doesn't use the MultiSelect component but thought it was relevant to post here as I was unable to find a good example of what I was looking to do.  This example combines DropDownList, ListView and Sortable to create what is effectively an ordered multi-select component.

http://jsfiddle.net/kturner75/7pLohq91/​

I have tried to change the position of tooltip in Angular using k-position but it does not work. See http://dojo.telerik.com/EjALA Can the tool tip position be changed in the Angular syntax?

Sample:

Thanks, Matt