Questions on Kendo UI for jQuery Forum

3 answers

552 views

Unable to populate data on grid from json

Hi, We are using the following code but not able to populate the Grid. Our Json is in the form of string . the json structure is something like this. "d : [{"ID":"1","Name":"Umesh"}]"

$(document).ready(

function () {

$(

"#customergriddiv").kendoGrid
({
height: 400,
pageable: true,
scrollable: false,
sortable: true,
columns: [{ field: "ID", title: "ID" }, { field: "Name", title: "Name"}],
datasource: {
transport: {
read: {
type: "POST",
url: "GetJson.asmx/GetCustomers",
contentType: 'application/json; charset=utf-8',
dataType: "json"
}

},
schema: {
data:

"d"
}
, pageSize: 10
}
});
　});

<

div id="customergriddiv"></div>

Data Source

answered on 24 Apr 2012

2 answers

329 views

[Solved] Multi-line text in ListViewItem

Hi, I've been through the forums fairly thoroughly, and through the docs. What I want is to create an item in a listview where the text will word wrap. I've tried just about every css property I can think of. What I'm trying to achieve is image1, and what I get is image2. Any ideas?

It doesn't have to be in ListView I guess, but it was the only way I could find to get the rounded box.

ListView (Mobile)

answered on 24 Apr 2012

5 answers

462 views

Issues with dynamically openned tabs and closing it

Hi Kendo Team,
I have several issues with the TabStrip control -
1. How to select a dynamically added tab?
2. How to prevent the tab load after selecting it?
3. How to remove a tab by clicking on a control on that tab?
4. After dynamically opening a tab and selecting existing tabs randomly the tab contents get mixed up in other tabs.
5. even though a second grid is initialized after the 2nd tab is selected, the grid content spills over the tab area.

I have attached a sample(I ran the sample from ~\kendoui\examples\web\Sample) where all these scenario can be seen.
We need this prototype to work to decide if we can use the KendoUI in our main project.

Thanks in advance for you help.

TabStrip

answered on 24 Apr 2012

3 answers

235 views

Tooltip formats??

Hello,

I may know what are all tooltip format??

Thx

Charts

answered on 24 Apr 2012

1 answer

94 views

[Solved] using "Pull down to refresh " gives me "a.scroller is undefined" error

using "pullToRefresh: true," on a listview element gives me "a.scroller is undefined" error. If I comment out "pullToRefresh: true," I do not get the error. Can anyone see what Im doing wrong here?

<div data-role="view" data-title="Control Panel - Mobile" id="listtickets" data-init="listTicketsInit">

<h2>Tickets</h2>

<p><a data-align="left" data-role="button" href="/support/newticket/">New ticket</a></p>

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

</ul>

</div>

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

<li style="font-weight:normal" >

<div style="float:left; width:20% ">

#= DateCreated #

</div>

<div style="float:left; width:80% ">

<a href="/support/view/#= ThreadID #">#= Subject #</a>

</div>

</li>

</script>

<script>

function listTicketsInit() {

var ticketdata = <?=json_encode($tickets)?>;

var dataSource = new kendo.data.DataSource({

data: ticketdata,

dataType: "json",

schema: {

model: {

id: "ThreadID",

fields: {

DateCreated: "DateCreated",

ThreadID: "ThreadID",

Subject: "Subject"

}

});

$("#support_list").kendoMobileListView({

dataSource: dataSource,

pullToRefresh: true,

appendOnRefresh: true,

template: $("#support_list_template").text()

});

Many thanks

ListView (Mobile)

answered on 24 Apr 2012

2 answers

391 views

How to hide the column the grid is grouped by? +additional grouping questions

Hi

When the grid is grouped, the grouping column is visible with the same
values in each cell of each group. Looks weird and confusing.

How can we accomplish more efficient look and hide the grouping column?

See attached pic and here: http://demos.devexpress.com/aspxgridviewdemos/GroupingSorting/Grouping.aspx

2nd question:
Is it possible to customize the group header cell?
Instead of default template "{ColumnName}: {GroupName}"
I need something like "{ColumnName}: <b>{GroupName}</b> – <span class="groupRowCount">({Count} my text)</span>"

Thanks!

Grid

answered on 24 Apr 2012

1 answer

159 views

Nested Scroll views

Is is possible to have nested scroll views?

I want a normal scroll view but at the bottom (above the 1st scroll view paging indicator, I want to display another scrollview

ScrollView (Mobile)

answered on 24 Apr 2012

1 answer

127 views

Kendo Mobile – Overview - zip file

Hi,

Anybody got this Kendo Mobile – Overview (below) in zip file?

http://demos.kendoui.com/mobile/m/index.html#index

The Kendo UI mobile download does not include a working index.html for Kendo Mobile Overview.

I want one that I can put in my hard drive and run, not online, similar to jQTouch.

http://jqtouch.com/

You can download jQTouch and got working index.html + working demos / examples (i.e. Clock and ToDo) that you can use in PhoneGap and QuickConnect.

Thanks.

General Discussions

answered on 24 Apr 2012

2 answers

1.3K+ views

New event onClosing

I want a new event to intercept when the window is closing.
The close event do not work, because I can't cancel the action.

What can I do with this version of Kendo Window. (2011.3.1129)

Stef.

Window

answered on 24 Apr 2012

0 answers

85 views

Validate kendo is available

Whats the best way to check if kendo is available or not? I have a widget and I need to be able to determine that the user has linked it into the page or not.

General Discussions

asked on 24 Apr 2012