Questions on Kendo UI for jQuery Forum

8 answers

395 views

Hello,

I am trying to center a kendo window using MVVM

that.viewModel = kendo.observable({
onWindowOpened: function (e) {
console.log("test");

}

});

I can't get open event working. probably i can do it from there. Also with data-position set as attribute I cannot substract 50% - 300 and 50% - 175 to center the window. Please advice me.

Thanks.

Window

answered on 05 Jun 2015

1 answer

74 views

Selection not work in IE10 mode

Browser IE11.

I check ListView and Grid controls.

In Edge, IE9 and IE8 mods all work correct. In IE10 mode selection not work. Row in Grid and item in ListView can not be selected and Change events not fire.

But! In DatePicker and TimePicker I can select value (day and time).

Why this can happen?

General Discussions

answered on 05 Jun 2015

1 answer

106 views

[Solved] how to set column editor for the existing grid

The command setOptions broke custom column editor, here you can check simple exaple http://dojo.telerik.com/UsAGi

So I need to setup custom editor after grid state was restored. Please advise if there any way to do this.

Grid

answered on 05 Jun 2015

3 answers

2.6K+ views

catch keyup or keydown event for dropdownlist

Hi,
I use dropdownlist ,and i want to catch the event when user changes his selection
When I use the mouse,I succeed to catch the "change" event,but when i use the keyboard ,the "change" event does not fire (the auto complete of the dropdown works),How can I catch this event or any other event for changing dropdown selection with keyboard
?
I attached my code below.
Thanks in advance.

html code:
<input id="identificationTypes" name="identificationTypes" requiredidtype />

script code:

$("#identificationTypes").kendoDropDownList({
index: 0,
optionLabel: "-------please choose------",
dataTextField: "Value",
dataValueField: "Key",
filter: "contains",
change: onChange,
dataSource: {
type: "json",
pageSize: 20,
transport: {
read: "../ContactDetails/GetIdentificationTypes"
}
}
});

function onChange() {
alert('bla');
}

DropDownList

answered on 05 Jun 2015

2 answers

1.6K+ views

[Solved] Controlling Chart Legend Font

I am attempting to change the font size of the legend using the following:

legend: {

visible: true,

position: "top",

margin: 5,

padding: 2,

font: "8px Arial"

}

According to your demos: http://demos.kendoui.com/dataviz/bar-charts/index.html
Under Configuration > legend it shows a font property as a string, as I did above. However, when I do this, the font size does not change (additionally, I am unable to change the font family). I noticed in one of the forum posts that someone did:

legend: {

visible: true,

position: "top",

margin: 5,

padding: 2,

labels: {

font: "10px Verdana"

}

This seems to work much better. Is this a typo or an undocumented API change?

Thanks,
Sara

Charts

answered on 04 Jun 2015

1 answer

226 views

Change Row Background Colour

How do I set the background colour of a row? I have the following code for iterating through the rows but am unsure how to set a css class on the row.

var items = grid.dataSource.data();
for (var i = 0; i < items.length; i++) {
if (items[i].dueDate != undefined && items[i].dueDate < today) {
// make row background colour red

}
}

Grid

answered on 04 Jun 2015

1 answer

3.2K+ views

Excel Export hidden columns

Hello I am starting to play with the excel export functionality and looking through the online documentation but could not find how to export hidden columns. Is there a way to do this using the mvc wrappers?

Grid

answered on 04 Jun 2015

2 answers

62 views

current not set when calling editCell/addRow

Version 2015.1.521

When calling editCell or addRow on a grid I noticed that after the call current() is returning undefined. Shouldn't it return the currently focused cell?

Grid

answered on 04 Jun 2015

1 answer

136 views

[Solved] minScreenWidth?

Based on the information in this post:

http://www.telerik.com/blogs/telerik-kendo-ui-q1-2015-has-landed

where it is quoted as:

Grid and TreeList: Both widgets integrate a responsive pager ,which automatically adjusts on different screen widths and provides the ability to define which columns to be hidden on small view ports. This makes them more flexible for mobile web usage.

It makes sense that you are talking about both the responsive pager and also the minScreenWidth feature. I am trying to get minScreenWidth working on the TreeList, but am unable to do so and in the docs it is not mentioned.

Sounds like a feature that has not yet been implemented and is very misleading. Please let me know what the case is.

Thanks,

--Ed

TreeList

answered on 04 Jun 2015

1 answer

89 views

Unable make TreeView work with AngulaJs service

Hi,

I just started using Kendo. I am trying to bind data from AngularJs service to a TreeView without any success. Here is my AngularJs service code:

angular.module('testModule', []).service('testService', ['$q', '$http', '$window', function ($q, $http, $window) {

return {

get: get

};

function get() {

var url = $window.location.origin + '/api/testData';

return $http.get(url).then(handleSuccess, handleError);

}

function handleSuccess(response) {

return response.data;

}

function handleError(response) {

if (!angular.isObject(response.data) || !response.data.message) {

return $q.reject('An unknown error occurred.');

}

return $q.reject(response.data.message);

}

} ]);

Here is my AngularJs controller:

angular.module('testModule')

.controller('testCtrl', ['$scope', '$q', '$window', 'testService', function ($scope, $q, $window, testService ) {

$scope.testDataFromSvc = {data:[]};

function loadRemoteData() {

testService.get().then(function (data) {

$scope.testDataFromSvc.data = data;

});

}

$scope.something = {

data: [{ Name: "Thing 1", id: 1 },

{ Name: "Thing 2", id: 2 },

{ Name: "Thing 3", id: 3}]

};

$scope.things = {

dataSource: $scope.testDataFromSvc //Doesn't work? What should go here?

};

$scope.things2 = {

dataSource: $scope.something //this works

};

} ]);

Here is my html:

<div ng-app="testModule" ng-controller="testCtrl">

<div kendo-tree-view="tree" k-options="things"> //this doesn't display anything

<span k-template> {{dataItem.Name}} </span>

</div>

<div kendo-tree-view="tree" k-options="things2"> // this works

<span k-template> {{dataItem.Name}} </span>

</div>

I checked the data in the "testDataFromSvc" looks similar to what is in "something". At one point it looked like, it displayed the correct data but now I can reproduce it. What is the right way to use the data returned by AngularJs service? Any help is greatly appreciated.

Thanks,

-ana

TreeView

answered on 04 Jun 2015