Hello,

First of all I'm using grid which has columns with timepicker, when I click to select time List of hours is displayed but not axactly above or below of it's timepicker but x rows above or below, sometimes It's not event visble on the screen.

I'm creating these grids dynamically which means when I click on something then grid shows up.

Here is my code :

I've attached image how is it looks like. 

On the top I have some kind of summary grid, where I can pick which Grid to show, the problem occurs only on lowest rows. Have no idea how to make this works.

Hello,

I am having a strange problem and cannot find any solution. I have a simple grip in popup:

<script>
function createDepositsTable() {
$("#depositsTable").kendoGrid({
height: 200,
scrollable: true,
dataSource: {
data: depositdata
},
resizable: true,
columns: [
{
field: "TransactionDate",
title: "Date",
type: "date",
headerAttributes: { style: "vertical-align: top;white-space: normal" },
format: "{0:MM-dd-yyyy}",
attributes: { class: "text-left" }
}, {
field: "Value",
title: "Amount",
headerAttributes: { style: "vertical-align: top;white-space: normal" },
format: "{0:c2}",
attributes: { class: "text-right" }
}],
});
console.log(depositdata);
var grid = $("#depositsTable").data("kendoGrid");
grid.bind();
}

Another dropdown selects an account and gets the data. Initially 9 records populated in datasource for grid and they displayed fine. If I select another account, 2 records populated and I can see them in console.log(depositdata); => 2 records, but the grid will display the old ones plus new = 11. Any other selection will just add new records to the end of the grid. I did try re-bind: grid.bind();

re-create:

$(document).ready(createDepositsTable);
$(document).bind("kendo:skinChange", createDepositsTable);

refresh, but nothing helped. Do you have any idea what could be done here?

Thanks.

Hi,

I'm trying to export a grid  with a big data to PDF file but I'm constantly having problems with it In Chrome,

it's fail to download a file (Failed - Network error). When i try to download it with Opera or Firefox it downloads without a problem.

What is causing this behavior?

In my web app I created a class DataSourceResult

and my view script is

when I turn filterable and sortable true filter and sorting is not updating my grid.Grid views list fine. all other functions are working except filtering and sorting.

Hi,

We recently upgraded from 2016 library to latest one. One of the widgets we are using is Chart and we have situation where we display yearly data spread through the weeks. 

In previous version we simply had categoryAxis configuration set to 

baseUnit: "weeks",
labels: {
     step: 1,
     dateFormats: {
          weeks: "cw"
     }
},
majorGridLines: {
     visible: true
},
axisCrossingValues: [0, 54]

However, after upgrading to the new version, instead of displaying week numbers (1 to 52) it simply displays cw text. 

I tried all possible things i could think of, but couldn't make it display week numbers, so I would appreciate a little help. :)

Thanks

Hello

I have noticed an issue when moving from 2017.3.1026 to 2018.1.221 which causes a dropdown  with a 'valueTemplate' to be drawn oddly as if it is trying to draw blank line above the value.

I enclose a couple of images of how it looks now and how it looked before.

I have looked at the docs and I cannot see if I need to change the format of the 'valueTemplate'

Any suggestions would be appreciated.

Thanks

James

here is some sample code:

 <input id="dropdownlist" />
<script>
$("#dropdownlist").kendoDropDownList({
  dataSource: [
    { id: 1, name: "Apples", txtColor: "black", bkgColor: "lightblue" },
    { id: 2, name: "Oranges", txtColor: "black", bkgColor: "slateblue" },
    { id: 3, name: "Pears", txtColor: "black", bkgColor: "lightgreen" }
  ],
  dataTextField: "name",
  dataValueField: "id",
  template: '<div style="color: #= txtColor #; background-color: #= bkgColor #;">#= name #</div>',
  valueTemplate: '<div style="color: #= txtColor #; background-color: #= bkgColor #;">#= name #</div>'
});
</script>