Short summary:

 - Enabled virtual scrolling of Grid

 - Using Remote data source with paging

 - When the user resizes our UI, it may adjust the Width of the Grid

 - If this happens, our columns are set to wrap their contents

 - After columns wrap, it appears the internal Kendo GRID logic does not recalculate the virtual scrolling offset/height/position so rows at the bottom of the grid are "lost" and can no longer be reached.

 Best seen via demo: http://dojo.telerik.com/@nkoterba@blackpointcyber.com/EMeqI/3

 Run the demo.  Then scroll down to the very last record, which has ID 11077.

 Then use the resizer in the DOJO window to **reduce** the width of the grid...notice how rows disappear and record 11077 is no longer even reachable.

 

Thoughts? Suggestions? on how to handle/fix this?  It seems like the Kendo Grid should watch for resize activity and when it happens, ensure the internal scrolling logic is re-calculated so that users can reach bottom of list.

For strings which are too long for a column, an ellipsis is appearing at the end of the string. When I hover over that text, shouldn't I get some "bubble help" or something which shows the entire string?

Is there a way to slow down the speed when you drag a node around in TreeView?

Columns are not locked in Export to Excel is their any possibility ?

Column A "First Name" is locked and working fine on treelist but when i export the treelist the "First Name" Column is not freeze perfectly  

 http://dojo.telerik.com/EgoCa

Reposting this to the Grid Forum (It was posted to the General Discussion by mistake):

 

This problem may be related to the one reported here:

http://www.telerik.com/forums/grid-virtual-scrolling-not-working-after-adding-data-using-datasource-add#48QZtko1cU2qQt68QcxCTA

Though this case is a bit different.

 

Building off of the virtual scrolling from local data example, if a single row is added to that grid, the scrolling stops working:

http://dojo.telerik.com/@Henry%20Kaufman/icubE

Press either button at the top of the grid to add a row and cause the scrolling to fail.

Note that both the native create ("Add new record") and the custom "copy first row to end" buttons both cause the scrolling to fail.

Is there any solution or workaround to this problem? 

 

Thanks!

Henry Kaufman

This problem may be related to the one reported here:

http://www.telerik.com/forums/grid-virtual-scrolling-not-working-after-adding-data-using-datasource-add#48QZtko1cU2qQt68QcxCTA

Though this case is a bit different.

 

Building off of the virtual scrolling from local data example, if a single row is added to that grid, the scrolling stops working:

http://dojo.telerik.com/@Henry%20Kaufman/icubE

Press either button at the top of the grid to add a row and cause the scrolling to fail.

Note that both the native create ("Add new record") and the custom "copy first row" buttons both cause the scrolling to fail.

Is there any solution or workaround to this problem?

 

Thanks!

  Henry Kaufman

 

 

I'm having issues after adding rows into a dataset after the initial load of the grid, where the vertical scrollbar vanishes and the displayed data seems to revert back to the top of the dataset. My actual usage case is fairly complicated so I've created a jsbin which shows the same problem.

http://jsbin.com/vilahoji/2/

As you can see I'm populating the first grid by adding rows to the datasource, the second grid has 100 rows when the datasource is created.

Hi,

I'm building a mobile app where you can drill into listview items to see details.

I've set up a standard back button:
<a data-role="button" href="#:back">Back</a>

...which works fine on all my other pages, but requires 2 or 3 pushes before it'll return to the previous page from a listview details page.

As the previous page isn't always the same (I have past, present and future listview pages which all use the same function to obtain data and output to the same place) I can't work around it by just adjusting the navigation.

Can you give me suggestions on a work around/solution?


Amy

Not sure why my remote json data is not showing up within the Grid, but I have tried different suggestions for a fix and still not been able to show the data.  I have verified that the data is coming across correctly. Can someone tell me what the problem may be?  Here is my code:

<!DOCTYPE html>
<html>
<head>
<title>Task Scheduler</title>
<link href="styles/kendo.common.min.css" rel="stylesheet" />
<link href="styles/kendo.default.min.css" rel="stylesheet" />
<script src="js/jquery.min.js"></script>
<script src="js/kendo.web.min.js"></script>
</head>
<body>
<!-- <button id="openButton">Open Window</button> -->

<div id="main" class="k-content">
<div id="tasklist"></div>
</div>

<script>
// Displays main widget
$(document).ready(function(){
$("#main").kendoWindow({
actions: ["Maximize", "Minimize", "Close"],
title: "Tasker",
visible: true,
width: "700px",
height: "300px"
}).data("kendoWindow");

var mainWindow = $("#main").data("kendoWindow");
mainWindow.center();
});

$(document).ready(function() {
var datasource = new kendo.data.DataSource({
transport: {
type: "odata",
read: {
url: "http://localhost:8282/tasker/retrieve",
dataType: "jsonp"
}
}
});

//alert(datasource);

$("#tasklist").kendoGrid({
dataSource: datasource,
schema: {
data: "results",
total: "Total",
aggregates: "AggregateResults",
errors: "Errors",
data: function(result) {
return result.results || results
},
total: function(data) {
data = data.results || data;
return data.length;
},
model: {
fields: {
id: { type: "number" },
name: { type: "string" },
description: { type: "string" },
schedule: {
id: { type: "number" },
startDateTime: { type: "number" },
endDateTime: { type: "number" },
interval: { type: "string" },
event: { type: "string" },
status: { type: "string" }
}
}
}
},
height: 200,
sortable: false,
scrollable: false,
resizable: false,
selectable: "row",
navigatable: false,
columns: [
{
field: "id",
title: "ID",
width: 50
},
{
field: "name",
title: "Name",
width: 120
},
{
field: "description",
title: "Description",
width: 200
}
]
});
});

</script>


</body>
</html>

Hi,

Can anyone please let me know how to display Destroy Command Delete option in Kendo grid based on other column status in Javascript?

 

Thanks,

Edwin