Questions on Kendo UI for jQuery Forum

2 answers

362 views

I'm about to pull my hair out trying to get data to display. I've tried in a grid and now I'm just using a template, slightly modified from the Twitter example.

Here is my code:

<script type="text/javascript">

$(document).ready(function() {

var template = kendo.template($("#template").html());

var dataSource = new kendo.data.DataSource({

transport: {

read: {

url: "http://myserver.com/FutureEventList.json",

dataType: "jsonp",

}

},

schema: {

data: ""

}

});

dataSource.read();

});

</script>

(I replaced the server name with myserver.com).

This JSON service runs on our internal service and I can normally get it via a webclient, etc.

The Fiddler return data looks like this:

HTTP/1.1 200 OK

Cache-Control: private

Content-Length: 748

Content-Type: application/json; charset=utf-8

Server: Microsoft-IIS/7.5

X-AspNet-Version: 4.0.30319

X-Powered-By: ASP.NET

Access-Control-Allow-Origin: *

Date: Wed, 07 Dec 2011 16:28:04 GMT

[{"EventID":"HL111213","InhomeDate":"12\/13\/2011 12:00:00 AM"},{"EventID":"HL120117","InhomeDate":"1\/17\/2012 12:00:00 AM"},{"EventID":"HL120214","InhomeDate":"2\/14\/2012 12:00:00 AM"},{"EventID":"HL120313","InhomeDate":"3\/13\/2012 12:00:00 AM"},{"EventID":"HL120410","InhomeDate":"4\/10\/2012 12:00:00 AM"},{"EventID":"HL120515","InhomeDate":"5\/15\/2012 12:00:00 AM"},{"EventID":"HL120612","InhomeDate":"6\/12\/2012 12:00:00 AM"},{"EventID":"HL120717","InhomeDate":"7\/17\/2012 12:00:00 AM"},{"EventID":"HL120814","InhomeDate":"8\/14\/2012 12:00:00 AM"},{"EventID":"HL120911","InhomeDate":"9\/11\/2012 12:00:00 AM"},{"EventID":"HL121016","InhomeDate":"10\/16\/2012 12:00:00 AM"},{"EventID":"HL121113","InhomeDate":"11\/13\/2012 12:00:00 AM"}]

I modified the template to look like this:

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

<div class="tweet k-header">

#= EventID #

</div>

</script>

But nothing ever shows up. Any help would be appreciated. Eventually, I'd like to have the data in a grid, but I'm trying to take baby steps first. Is there anything wrong with how my service is configured? Do I need to modify my transport?

Thanks

Troy

Data Source

answered on 08 Dec 2011

0 answers

156 views

Radio buttons? Checkboxes?

Hi,

Are these controls included in the library? You don't list any examples for how to create these.

After struggling with trying to align multiple radio buttons and labels within the same div element using CSS I decided to opt for a dropdown list. But, it would be nice to see these controls availalble in the Kendo package.

General Discussions

asked on 08 Dec 2011

1 answer

86 views

Efficiency Question

Hey, I'm sure you probably answered this question somewhere, but I couldn't find it. My understanding in how KendoUI works is that, the javascript basically generates the elements on the clients side and pulls very little from the server side, and this would reduce the server resources used significantly.

I'm going to be presenting KendoUI to be the potential foundation of a development project I'm assigned, and I want to be knowledgeable in this regard. If someone could please expand on this for me with any extra information (details), I would greatly appreciate it.

Will be purchasing license as soon as we have decided.

Thanks for the great tools!

General Discussions

answered on 08 Dec 2011

3 answers

137 views

Grid Not working

Hello,

I have problem with simple grid binding from remote source.
Please any help? :(

test.php

<html>

<head>

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

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

<link rel="stylesheet" href="../css/Kendo/kendo.silver.min.css" />

<link rel="stylesheet" href="../css/Kendo/kendo.common.min.css"

/>

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

</head>

<body>

<div id="grid" style="height: 700px; background-color: gray;">

<table id="tab">

<tr>

<th data-field="FirstName">First Name</th>

<th data-field="LastName">Last Name</th>

</tr>

</table>

</div>

</body>

</html>

test2.js

$(document).ready(function(){

var ds = new kendo.data.DataSource({

transport: {

read: {

url: "users.json"

}

});

$("#tab").kendoGrid({

dataSource: ds

});

users.json

{

"FirstName" : "Mirko", "LastName" : "Mitrovic",

"FirstName" : "Marko", "LastName" : "Nikolic"

}

Best Regards!

Grid

answered on 08 Dec 2011

1 answer

248 views

grid example for mvc 3 json data

hi where can i find best grid example that works with mvc 3 json data.

Grid

answered on 08 Dec 2011

3 answers

247 views

list of children after drop

This is obvious:
var treeview = $("#treeview").kendoTreeView({
dragAndDrop: true,
drop: function(e){
...
}
});

But I have no idea how to get the "text" of the parent node, in which item is dropped.
And how to get a list / array of children for that parent.
eg. ["item 1.1", "item 1.2", "item 1.3"]

Is there a method for node like children() ?

TreeView

answered on 08 Dec 2011

3 answers

76 views

404: Kendo/gradient.png

styles/kendo.kendo.min.css contains a reference to Kendo/gradient.png, but that doesn't seem to be in the trial zip. Where can I find this file?

General Discussions

answered on 08 Dec 2011

8 answers

323 views

Local Virtual Scrolling - my changes (grouping/sorting works)

Hello guys!

As I said in this topic: http://www.kendoui.com/forums/framework/data-source/ranges.aspx i had made some changes in kendo UI code.

I don't know if my improvements are well implemented, but everything works fine. What i did:
1. Added new option for _selectable - now we can prevent default select in our dataGrid.

selectable: {

mode: "multiple cell",

preventDefault: true

}

2. Local Virtual Scrolling with grouping works fine.
3. (Multicolumn) Sorting and nested sorting aswell.

All changes are backward compatible. And it's appear that Remote Virtual Scrolling works with my changes as well.

I have question now: should I provide some demo, or just send code to you, or put it in this topic?

Rgrds,
Oskar.

Grid

answered on 08 Dec 2011

1 answer

61 views

Paging with IE7 ?

On IE7, my grid (remote datasource) of 5 pages of 20 records/rows (so 100 records) give 6 pages and ... an error. Clicking on page number 6 do nothing. Work perfectly on Firefox and Chrome.

Grid