Questions on Kendo UI for jQuery Forum

1 answer

121 views

I know it's not crucial since FF isn't used on the mobile platforms much, but I prefer the debugging experience when I write my mobile app with FF and FB.

TabStrip (Mobile)

answered on 02 Feb 2012

1 answer

217 views

header/footer problems in iOS with PhoneGap

When I load the mobile examples in a phonegap xcode project, the footer is not anchored, but moves with the whole page. The header/nav bar is sometimes not visible (depending on the height of the view?)

This seems to occur mainly in iPhone, on the iPad it seems to be a bit better, but there the header & footer do move with the whole view, when the view does not neet to scroll (when it fits).

On android it works fine.

Hopefully this can be resolved, it looks really good!
Antal

Attached is minimal phoneGap xcode project with the examples

General Discussions

answered on 02 Feb 2012

1 answer

196 views

Loading Grids through ajax causes memory leak?

Hello,

I have an application which has in fact one html page and loads content through ajax calls. The returned content can contain a grid.
That works all just fine. But what I notice is that the grid creates forms for the filter dialogs in the DOM direct inside the BODY tag. While I change the content of my "content div" the grid is remove from the DOM, but the filter forms are left in the BODY tag forever. So the content of the BODY is accumulating during the browser session.
I think the widgets should create ALL DOM elements inside the element you are using to build the widget. That way everything would be cleaned up when swapping content.

Regards, Jaap

Grid

answered on 02 Feb 2012

1 answer

473 views

Kendo UI Mobile with SQlite DataBase

Hello,

Is this possible to use the Kendo UI mobile with SQlite DataBase.[HTML5,CSS3 & JQUERY]
if possible how do i get some sample examples or more related data source information.

Can you please explain other relevant small database connections with CURD operations in mobile or tablet devices.

Thanks.
VENKAT

General Discussions

answered on 02 Feb 2012

2 answers

191 views

[Solved] Expand event not fire

I have a panelBar and when I click on the header of a panelBar the event (onExpand) fires and the bar gets expanded. But when I do it in code like panelBarField.expand(item); the expand event is not executed BUT the bar is expanded and all looks good.

Am I doing anything wrong or is this a bug.

PanelBar

answered on 02 Feb 2012

1 answer

98 views

[Solved] Example Missing Style Asset

I am working with the samples and they include a stylesheet that isn't there, is it missing or not necessary:

<!DOCTYPE html>
<html>
<head>
<title>Basic usage</title>
<script src="../../../js/jquery.min.js"></script>
<script src="../../../js/kendo.mobile.min.js"></script>
<script src="../../content/shared/js/console.js"></script>
<link href="../../../styles/kendo.common.min.css" rel="stylesheet" />
<link href="../../../styles/kendo.mobile.all.min.css" rel="stylesheet" />
</head>
<body>

ScrollView (Mobile)

answered on 02 Feb 2012

1 answer

493 views

trigger Filter event

Hello,
I want to create a complex filter for the grid.
Is it possible to force Kendo Grid to filter data?

Grid

answered on 01 Feb 2012

2 answers

170 views

categoryAxis Label and GridLine Spacing

I have a time-based line chart that varies in the number of values displayed. If the user chooses a large date range there will be a large number of values returned from the web service. As a result, the grid lines and categoryAxis labels are too close or overlapping. Is there a way to space the grid lines and labels based on the number of values?

Charts

answered on 01 Feb 2012

2 answers

601 views

[Solved] Nested grids with common data source

I am implementing a solution that uses nested grids to drill-down on an organization hierarchy. The entire organization is obtained from a single data source. I have found that the dataSource binding does not initialize when showing the detailTemplate.

I created the following minimal example to demonstrate the issue.

<div id="grid"></div>

<script>

$(document).ready(function () {

var dataSource = new kendo.data.DataSource({

type: "odata",

transport: {

read: "http://demos.kendoui.com/service/Northwind.svc/Employees"

}

});

var element = $("#grid").kendoGrid({

dataSource: dataSource,

columns: ["FirstName", "LastName"],

height: 450,

detailInit: detailInit,

dataBound: function () {

this.expandRow(this.tbody.find("tr.k-master-row").first());

}

});

function detailInit(e) {

$("<div/>").appendTo(e.detailCell).kendoGrid({

dataSource: dataSource,

/*dataSource: {

type: "odata",

transport: {

read: "http://demos.kendoui.com/service/Northwind.svc/Employees"

}

},*/

columns: ["FirstName", "LastName"],

scrollable: false

});

}

</script>

This results in an error: dataSource is not defined.

If you comment out the dataSource property within detailInit and uncomment the one immediately afterwards, then it works.

In case it is relevant, this markup is being loaded via AJAX and inserted into the DOM via jQuery.

My business need is to bind the main grid and the sub-grids to the same data source. It's not shown in the basic example, but this will be iterative to dozens of levels, so I really need to be able to use a single data source.

Thanks,
Gary

Grid