Questions on Kendo UI for jQuery Forum

1 answer

70 views

Text goes from centered to left justified once I move to another view and then back again

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>My Open Cal</title>

<link href="styles/kendo.mobile.all.min.css" rel="stylesheet" type="text/css" />

<script src="js/jquery.min.js" type="text/javascript"></script>

<script src="js/kendo.mobile.min.js" type="text/javascript"></script>

<script>

var twitterDataSource;

$( //jQuery page load

function ()

{

var app = new kendo.mobile.Application($(document.body), { layout: "layout", icon: "/images/xboxavatar.png" });

})

function setupListView()

{

twitterDataSource = new kendo.data.DataSource(

{

transport:

{

read:

{

url: "http://search.twitter.com/search.json",

contentType: "application/json; charset=utf-8",

type: "GET",

dataType: "jsonp",

data:

{

q: "#tampa"

}

},

schema:

{

data: "results"

}

})

$("#ulMyCal").kendoMobileListView({

pullToRefresh: true,

appendOnRefresh: true,

dataSource: twitterDataSource,

template: "<p>${text}</p>"

});

}

</script>

</head>

<body>

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

<div data-role="header" >

<div data-role="navbar">

<span data-role="view-title">My Open Cal</span>

</div>

<div data-role="footer">

<div data-role="tabstrip">

<a href="#index" data-icon="organize">My Calendar</a>

<a href="#search" data-icon="search">Search</a>

<a href="settings.htm" data-icon="settings">Settings</a>

</div>

<div data-role="view" id="index" data-title = "My Calendar" data-init="setupListView"

<div style="text-align:center">

<ul id="ulMyCal" data-style="inset">

</ul>

</div>

<div data-role="view" id = "search" data-title = "Search">

</div>

</body>

</html>

ListView (Mobile)

answered on 03 May 2012

6 answers

1.4K+ views

Client side paging for single JSON GET call

How do I enable client side paging for the following code?

$("#grid").kendoGrid({
dataSource: {
type: "json",
transport: {
read: {
url: "Home/GetWorklist",
dataType: "json",
type: "GET",
contentType: "application/json; charset=utf-8"
}
}
}
});

Grid

answered on 03 May 2012

5 answers

223 views

[Solved] Widget initialization

Hello,

I initialize a Kendo UI Mobile ListView like this :

var projects = new kendo.data.DataSource({

type: "odata",

transport: { read: "http://localhost:50486/WcfDataService.svc/Projects" }

});

$("#projectsListView").kendoMobileListView({

dataSource: projects,

style : "inset",

template: "${Number} - ${Label}",

});

In this case, it works well.

But, if I use the syntax below, it doesn't work at all (no data displayed). Why ?

$("#projectsListView").kendoMobileListView();

var lv = $("#projectsListView").data("kendoMobileListView");

lv.options.template = "${Number} - ${Label}";

lv.options.style = "inset";

lv.dataSource = projects;

lv.refresh();

Cordially,
Kakone.

General Discussions

answered on 03 May 2012

1 answer

172 views

the grid is not maximized when many columns

the grid is not maximized when many columns. what is the proper configuration for a grid with many columns?

Grid

answered on 03 May 2012

3 answers

183 views

Getting Started With Kendo?

I am a longtime Telerik user and want to support the mobile plarforms with my ASP.Net apps. I am still running VS2008. I am looking for any tutorials that might exist to help me get going. The samples that are with the download will not load in VS2008 so I don't have a sample reference.

BTW: I tried to upgrade to VS2010 but the MS web site had an error.

I tried to take the samples from the web site and build a page in one of my ASP.Net apps and when I display it on my iPhone 4 I get just plain HTML.

Any guidence would be great!

Rod

Application

answered on 03 May 2012

14 answers

2.3K+ views

Add data or hidden column for record ID

I'm evaluating the kendo UI, and would like to have a grid with a hidden column for the record ID, or better yet, attach some data to each row that would contain an ID, and I was wondering if there is a straightforward way to do this?

Thanks, Dennis

Grid

answered on 03 May 2012

1 answer

140 views

[Solved] issue with seriesHover

as per documentation
seriesHover should work like seriesClick. However in my example below it doesnt . when i replace seriesHover with seriesClick it works for a click event.

function createChart() {
$("#chart").kendoChart(
{
title: {
text: "Kendo Chart Example"
},
seriesDefaults: {
type: "line"
},
series: [
{ name: "Example Series", data: [200, 450, 300, 125] }
],
tooltip: {
visible: true,
format: "{0}%"
},
seriesHover:function(e) {
var w=e.value;
alert(w);
}
}
);
}

$(document).ready(function() {
createChart();
});

Charts

answered on 03 May 2012

4 answers

122 views

[Solved] Get > Button Styling in Template

Hi,

Could someone please look at this -

http://jsfiddle.net/wickedw/72wLY/

And tell me what I am doing wrong?

I am trying to get the listview buttons in v1 to display as mobile style -

1 >
2 >

Not as

[1]
[2]

Thanks
Matt

ListView (Mobile)

answered on 03 May 2012

4 answers

216 views

Binding to remote data

Hi all,
i'm trying to open the http://demos.kendoui.com/web/dropdownlist/remotedatasource.html url on a Motorola Xoom with Android 3.2, but the dropdownlist doesn't show any data except the waiting cursor. Is it a known issue?

Thanks
Francesco

DropDownList

answered on 03 May 2012

0 answers

142 views

no "multiple" select for DropDownList???

Am i missing something or doesn`t the DropDownList support this very basic feature of the html <select> tag?
How to implement selection of multiple values from a list using Kendo.. Or is this another case of "this cannot be done"? ;)

DropDownList

asked on 03 May 2012