I have a grid in batch edit mode. I have two issues re tabbing when navigating the grid cell:

1: If i have a read-only ID column (the first column), how can I avoid tabbing into the cell when tabbing though the grid? I set the column attributes tabindex property to a negative number AND I have a custom editor in the cell with a negative tabindex  value, which effectively makes it a read-only cell.However the table cell still gets tabbed into when navigating the row. I want to the column to be skipped completely when tabbing.

2:  When tabbing into a command column. Is it possible to immediately activate the first command button? Right now the user must hit the Enter key twice to trigger the command via the keyboard. Once to highlight the  first button and again to trigger the click event.

When I do this in my javascript:

            var diagram = $("#template-diagram").getKendoDiagram();
            diagram.bringIntoView(diagram.shapes[0], { align: "center" });

This shows up in the browser's debugger (using Firefox):

Error: i is undefined
k<.bringIntoView@http://localhost:8000/lib/kendo-ui/js/kendo.all.min.js:104:8505

In Chrome it looks like this:

TypeError: Cannot read property 'clone' of undefined
    at R.extend.bringIntoView (kendo.all.js:157101)

Which is likely why I can't get bringIntoView to work for my diagram.  I should mention, I am using the diagram in a JqueryUI dialog window, but otherwise, its a fairly simple diagram.

Hi,

I am getting this error when "Pageable: true" with Angularjs and Web Api" 

Here is the JavaScript Code:

vm.userAuditHistDataSource = new kendo.data.DataSource({
transport: {
read: {
type: "GET",
dataType: "json",
url: 'api/UserAccess/GetUserAuditHistory?id='+ vm.userId + '&dateStart=' + vm.dateStart +'&dateEnd=' + vm.dateEnd
}
},
pageSize: 40
});

vm.auditGridOptions = {
dataSource: vm.userAuditHistDataSource,
columns: [
{ field: "briefDescription", title: "Event", width: 150 },
{ field: "fullDescription", title: "Description" },
{ field: "eventType", title: "Event Type" },
{
field: "recordReceivedAt", title: "Recorded At", template: "#= kendo.toString(kendo.parseDate(recordReceivedAt, 'yyyy-MM-dd'), 'MM/dd/yyyy') #"
}
],
height: 600,
columnMenu: true,
scrollable: true,
sortable: true,
filterable: true,
pageable: true,
};

Here is the Web Api Code:

[HttpGet]
[ActionName("GetUserAuditHistory")]
public List<UserAuditHistoryEvent> GetUserAuditHistory(Guid id, DateTime dateStart, DateTime dateEnd)
{
using (var client = new UserAdministrationClient())
{
using (var scope = new OperationContextScope(client.InnerChannel))
{
OperationContext.Current.OutgoingMessageProperties[HttpRequestMessageProperty.Name] = new HttpRequestMessageProperty { Headers = { { "user-agent", string.Format("FACTSInfo;S={0}", SessionId) } } };
var events = client.ListUserAuditHistory(id, dateStart, dateEnd);
return events.ToList();
}
}
}

Hi,

I try to make cascading dropdownlist work with angular.js and the value are retrieved from a web api C#.  I cannot find any example how to make this work do you have a sample you can provide ?

Thanks

Hello,

I am trying to create a way for users to toggle forward and backward between available (displayed) events in the scheduler using MVVM. These prev/next buttons sit outside of the widget and display information from each event in a separate panel. May you please advise the best way to do this?

Thanks.

Hi Support,

After updating from v2015.3.1111 to v2016.1.226
the ComboBox directive is not working like the prevous version.
the problem i have is the combobox is set to a value with the ng-model settings. 
the Text value is displayed in the combobox but the value is not set in the ng-model it changes it to null
the DataSource is a array like :

[
{
Text: 'some text',
Value: 0
},
{
Text: 'some other value'
Value: 1
}
]

the directive is cofigured :

<select kendo-combo-box 
ng-model="legendItem.ScaleMin"
k-data-text-field="'Text'"
k-data-value-field="'Value'"
k-auto-bind="false"
k-data-source="legendItem.ZoomLevels">
</select>

Hi

How access the datasource.filter using angular..

i.e how convert the code below to work in angular.. 

$scope.soneChange = function () {
       var grid = $('#grid').data('kendoGrid');  // Pseudo code..
      var value = $scope.sone;

       if (value) {
           grid.data("kendoGrid").dataSource.filter({ field: "Sone", operator: "eq", value: value });
       } else {
           grid.data("kendoGrid").dataSource.filter({});
       }
   };