Questions on Kendo UI for jQuery Forum

1 answer

136 views

DropDownList not working in IE8 when reading from XML datasource

Hi, I'm getting the following javascript error in IE8 when I use XML as the datasource for the DropDownlist: "Object expected kendo.all.min.js, line 1 character 14651"

My code works perfectly fine for all other browsers, just not IE8 (typical). Here is my test code:

<!doctype html>

<html>

<head>

<title>Binding to remote data</title>

<link href="http://cdn.kendostatic.com/2011.3.1007/styles/examples.min.css" rel="stylesheet"/>

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

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

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>

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

</head>

<body>

<div id="example" class="k-content">

<input id="titles"/>

<script>

$(document).ready(function() {

$("#titles").kendoDropDownList({

dataTextField: "name",

dataValueField: "id",

dataSource: new kendo.data.DataSource({

type: "xml",

transport: {

read: {

url: "WebService.asmx/GetTitles",

data: {

Param1: "input1",

Param2: "input2"

}

},

schema: {

type: "xml",

data: "/NewDataSet/titles",

model: {

fields: {

id: "id/text()",

name: "name/text()"

}

})

});

</script>

</div>

</body>

Here is the XML:

<NewDataSet>

<titles>

<id>1</id>

<name>Test1</name>

</titles>

<titles>

<id>2</id>

<name>Test2</name>

</titles>

</NewDataSet>

Is it my code or is this a bug? Any help is appreciated, I'd rather not have to resort to other jquery plugins

DropDownList

answered on 31 Oct 2011

1 answer

180 views

Autocomplete not working in IE8 when reading from XML datasource

Hi, I'm getting the several javascript errors in IE8 when I use XML as the datasource for the Autocomplete (I;m also having similar problems with the DropDownList not working correctly in IE8 with XML) My code works fine for all other browsers. Here is my test code:

<!doctype html>

<html>

<head>

<title>Binding to remote data</title>

<link href="http://cdn.kendostatic.com/2011.3.1007/styles/examples.min.css"rel="stylesheet"/>

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

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

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>

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

</head>

<body>

<div id="example" class="k-content">

<input id="titles"/>

<script>

$(document).ready(function() {

$("#titles").kendoAutoComplete({

dataTextField: "name",

dataValueField: "id",

dataSource: new kendo.data.DataSource({

type: "xml",

transport: {

read: {

url:"WebService.asmx/GetTitles",

data: {

Param1: "input1",

Param2: "input2"

}

},

schema: {

type: "xml",

data: "/NewDataSet/titles",

model: {

fields: {

id: "id/text()",

name: "name/text()"

}

})

});

</script>

</div>

</body>

Here is the XML:

<NewDataSet>

<titles>

<id>1</id>

<name>Test1</name>

</titles>

<titles>

<id>2</id>

<name>Test2</name>

</titles>

</NewDataSet>

Is it my code or is this a bug? Any help is appreciated!

AutoComplete

answered on 31 Oct 2011

2 answers

299 views

[Solved] Grid adds an extra column "undefined"

Hi,

The grid seems to be adding 1 extra column per html column. This is my html table.

<table id="jow"><br> <thead><br> <tr><br> <th data-field="title">title<th><br> <th data-field="jow">jow<th><br> <th data-field="ieps">ieps<th><br> </tr><br> </thead><br> <tbody><br> <tr><br> <td>1977<td><br> <td>1977<td><br> <td>1977<td><br> </tr><br> <tr><br> <td>1980<td><br> <td>1980<td><br> <td>1980<td><br> </tr><br> </tbody><br> </table><br> <br> <script><br> $("#jow").kendoGrid({<br> groupable: true,<br> sortable: true,<br> pageable: true<br> });<br> </script>

And this is what i get:

<table cellspacing="0" id="jow" style="height: auto;" class="k-focusable"><colgroup><col><col><col><col><col><col></colgroup><br> <br> <tbody><tr><td>1980</td><td>undefined</td><td>1980</td><td>undefined</td><td>1980</td><td>undefined</td></tr><tr class="k-alt"><td>1977</td><td>undefined</td><td>1977</td><td>undefined</td><td>1977</td><td>undefined</td></tr></tbody><br> </table>

What am i doing wrong here?

Thx,

Kevin,

Grid

answered on 31 Oct 2011

2 answers

224 views

[Solved] No styling, no functionality

Hi,

This is my head:

<head>

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

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

<link href="css/style.css" rel="stylesheet">

<link href="css/structure.css" rel="stylesheet">

<link href="css/objects.css" rel="stylesheet">

<script src="kendo/jquery-1.6.4.min.js"></script>

<script src="kendo/kendo.all.min.js"></script>

<!--[if lt IE 9]>

<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>

<![endif]-->

</head>

This is what i'm trying to do:

<ul id="panelbar">

<li>Item 1

<ul>

<li>Sub Item 1</li>

<li>Sub Item 2</li>

</ul>

<li>

<li>Item 2</li>

<li>Item with Content

<div>This is some PanelBar Item content</div>

</li>

</ul>

<script>

var panelBar = $("#panelBar").kendoPanelBar();

</script>

But i'm not getting any functionality nor styling, what's wrong? The calendar works fine, the grid works partialiy (see my other post).

Thx,
Kevin,

PanelBar

answered on 31 Oct 2011

1 answer

75 views

Catergory axis values

Hi,
I am new to Kendo Chart.
I was trying to use the kendo chart with local data binding for my application.
I encountered a problem with setting X-axis values. I need the values X-axis from (0,2,4 ... 20) and Y-axis from (0,2,4 ... 20) the starting point should be (0,0) but i am not able to set the first point for X- axis.

Please help me out asap.....
thanks in advance.

Charts

answered on 31 Oct 2011

1 answer

120 views

Chart on Android Browser

Greetings

I really believe that Kendo UI's chart is one of the most elegant I have seen client-side wise. Keep up the good work!

Sadly, The series do not display in the android browser. Some display successfully - the series item labels and the axis, however, this is not the case for actual series lines, bars etc.

In the bar one specifically, It must had something to do with the <path> tag inside the <g> tag that is generated client side. It seems that the path tag can't be rendered or interpreted by the android browser.

I attempted by injecting a div tag inside the path tag with a background color set to red, but this did not rendered properly.

Could you provide any work around suggestions?
Let me know and Thank you

Sergio

Charts

answered on 31 Oct 2011

1 answer

140 views

Interactive Chart Options

Is there any options for dragging data points (x,y) in the kendo chart ?

Charts

answered on 31 Oct 2011

0 answers

100 views

pass some value from one kendo window to another kendo window

I want to pass some value from one kendo window to another kendo window. Actually I have some selected data in the grid.I want to pass those selected data as grid in the another window .Please help me.

Window

asked on 31 Oct 2011

1 answer

132 views

How do you change the categories on the Axis?

I am working off the index.html chart file from the examples folder I downloaded. I want to change the dates on the bottom of the chart from numbers to numbers/letters. I tried entering in the code below and got a syntax error. I'm guessing I can't enter in letters?
categoryAxis: {
categories: [2005, 2006, 2007, 2008, 2009]

to

categoryAxis: {
categories: [1st Year, 2nd Year, 3rd Year, 4th Year, 5th Year]

Any help is appreciated

Thanks

Charts

answered on 31 Oct 2011

2 answers

395 views

[Solved] ToolBar / Ribbon

Are there any Plans to do a ToolBar or Ribbon in the near future?

General Discussions

answered on 30 Oct 2011