Questions on Kendo UI for jQuery Forum

6 answers

1.7K+ views

Grid Checkbox

I am adding the checkbox for each row on he Kendo Grid. I am also using grouping, sorting and paging options. Selecting the checkbox working fine but as soon as I either sort, group or do paging on the grid, the checkbox looses their states (all appears unchecked).

I tried using this thread http://jsfiddle.net/jkTU4/
But it didn't work on my local machine.

Please help.

James

Grid

answered on 08 Oct 2014

2 answers

110 views

KendoUI MVC & ASP.Net vNext - Question

Hello Team;

AS I was reading some of the notes from the ASP team regarding the vNext being developed from ground up and it's basically a new product, my understanding from their statement was that, vNext is NOT compatible with the previous ASP.Net. Another words, don't expect to load in your existing projects and expect it to compile and run. Lots of things have been removed and it's based on the mini version of .Net

This raises the question and concern and I would greatly appreciate if the team, can provide an answer and roadmap for the following questions.
Guessing the vNext breaks existing codes,
- What's going to happen with all the Kendo MVC wrappers?
- What's telerik's plan for this NEW ASP.Net?
- Will there be new Native control/widgets for the New ASP.Net?
- Based on the alpha version out, do you see major differences and direction change with vNext?

It would be very important for us to know the direction of Telerik with ASP vNext and a time table.

Thank you in advance!
..Ben

General Discussions

answered on 08 Oct 2014

7 answers

1.9K+ views

[Solved] Loading Icon In DropDownList

Hello!

Could you please show me a way to turn the loading icon on and off in Kendo DropDownList using JavaScript?

Thank you!

Sergey

DropDownList

answered on 08 Oct 2014

1 answer

92 views

[Solved] When navigating the table via keyboard, the page does not scroll

As part of a11y (accessibility) testing, we found that when we have a table that extends beyond the bottom edge of the browser, and we are navigating the table via the keyboard, the cell in focus can go offscreen.

1) Place focus within the table
2) Navigate the table cells via keyboard (Arrows -> <UP>, <DOWN>, <LEFT>, <RIGHT>)
3) Note that when you access a cell that is off screen, the page does not scroll to allow you as the user to see it.

Is there a way to force the page to scroll to show the currently selected cell?

Thanks,
--Ed

Grid

answered on 08 Oct 2014

2 answers

280 views

Gantt - used css classes, custom skins

Hello,

for some customers, we need to create specific Kendo UI Widget skins.

In the past, we took an existing kendo skin (e.g. kendo.metro.css) and modified it. But with the new Gantt Widget we are facing a few issues.
For example the timeline 'table header' is not rendered correctly with the custom changes, the height is to small.

My question is, ist there a list of css classes or some docu about the classes which are used within the Gantt widget ?

Many thanks
Thomas

Gantt

answered on 08 Oct 2014

2 answers

338 views

Popup Editor validation issue

I have a grid which uses the "popup" editor. Both fields in the editor are required. When I clear the first field and click the "Update" button, the validation error message appears and obscures the second field on the screen. If I type into the first field the original value that was there initially and tab out of the field, the validation error does not disappear making it impossible to see the second field in the editor (popup). However, if I had enter anything else other than the original value back into the first field and tab out, the validation error disappears correctly.

I consider this a bug. Is there some other place I should report bugs rather than in this forum?

Grid

answered on 08 Oct 2014

9 answers

654 views

Iterate through the kendo grid filters

I have a weird situation where I have 5 filterable columns on my grid and have a filter button outside my grid. I need to specify the filters and have the grid not filter right away. The user then clicks the Filter button and then i need to pass my filters to the controller. How do I do that and how do i iterate through the filter collection and set filter values to a concrete filter object :
public class GridFilters
{
public string FieldName {get;set;}....

Grid

answered on 08 Oct 2014

3 answers

126 views

Data-source update during scrolling crashes ListView on iOS7.1/iPhone 4

Hi,

In my app I have a ListView with a data-source that is bound to a local data array. I get new data from the network and update the array accordingly. Then I call datasource.read to update the ListView.

This seems to work fine with Android (Samsung Galaxy S3) and WP8 (Lumia 925), but with iOS 7.1 (iPhone 4), if I'm performing ListView scrolling at the same time the update occurs, usually the ListView hangs completely (crashes).

I can overcome this problem by preventing data-source updates during scrolling, but I guess this behavior could be somehow improved in Kendo Mobile too?

You should be able to reproduce this problem with the small sample program found below.

<!DOCTYPE html>

<html>

<head>

<base href="http://demos.telerik.com/kendo-ui/mobile/listview/databinding.html">

<style>html { font-size: 12px; font-family: Arial, Helvetica, sans-serif; }</style>

<title></title>

<link href="http://cdn.kendostatic.com/2014.1.318/styles/kendo.common.min.css" rel="stylesheet" />

<link href="http://cdn.kendostatic.com/2014.1.318/styles/kendo.default.min.css" rel="stylesheet" />

<link href="http://cdn.kendostatic.com/2014.1.318/styles/kendo.mobile.all.min.css" rel="stylesheet" />

<script src="http://cdn.kendostatic.com/2014.1.318/js/jquery.min.js"></script>

<script src="http://cdn.kendostatic.com/2014.1.318/js/kendo.all.min.js"></script>

</head>

<body>

<div data-role="view" id="flat" data-init="mobileListViewDataBindInitFlat" data-title="ListView" data-layout="databinding">

<ul id="flat-listview"></ul>

</div>

<div data-role="layout" data-id="databinding">

<header data-role="header">

<div data-role="navbar">

<span data-role="view-title"></span>

</div>

</header>

<div data-role="footer">

<div data-role="tabstrip">

<a href="#flat" data-icon="stop">Flat

</div>

<script type="text/x-kendo-template" id="customListViewTemplate">

<h3 class="item-title">${name}</h3>

<p class="item-info">${foo}</p>

</script>

<script>

var flatData = [];

var flatDs;

function initData() {

for( var i=1; i<21; i++) {

flatData.push({ name: "Initial " + i, foo: new Date()});

}

function mobileListViewDataBindInitFlat() {

initData();

flatDs = new kendo.data.DataSource({

data: flatData

});

$("#flat-listview").kendoMobileListView({

dataSource: flatDs,

template: $("#customListViewTemplate").html()

});

setTimeout(function() { updateData(); }, 3000 );

}

function updateData() {

var r = Math.floor((Math.random()*flatData.length)+1);

if( r < (flatData.length / 2)) {

console.log('update');

flatData[r].foo = new Date();

}

else {

console.log('insert');

flatData.push({ name: "Inserted " + (flatData.length +1), foo: new Date()});

}

flatDs.read();

setTimeout(function() { updateData(); }, 3000 );

}

</script>

<script>

var app = new kendo.mobile.Application(document.body);

</script>

</body>

</html>

ListView (Mobile)

answered on 08 Oct 2014

4 answers

154 views

[Solved] MVVM set value - text not updated to text field

On some user event I want to select option by id. I manage to do it with MVVM, but the input text is not updated to data-field-value but remains a data-value-field.

It is hard to explain, so I prepare a demo. Just wait for 2 seconds. The text is 1, but it should be option 1.

AutoComplete

answered on 08 Oct 2014

1 answer

280 views

Jquery Input Value load in Url.Action in Toolbar

Hello
I am trying to get a value from an textbox once the user has clicked on export and load that value as parameter in the url.action. What can I use at keyword = "978"

Help much appreciated

<input id='keyword'/>

Html.Kendo()
.Grid<TitleBibliographicGridModel>()
.Name("BookList")
.ToolBar(toolBar => toolBar.Custom()
.Text("Export To Excel")
.HtmlAttributes(new { id = "export" })
.Url(Url.Action("ExportBookSearch", "Dashboard", new { keyword = "978" })))
.Columns(columns =>

Grid

answered on 08 Oct 2014