Questions on Kendo UI for jQuery Forum

2 answers

233 views

Can't bind the JSON Webserice data to a HTML Table

I am trying to bind JSON data returned from a ASP.Net web service to table, but could not do so.
Here is the code. where i am going wrong ?

var template = kendo.template($("#template").html());
var dataSource = new kendo.data.DataSource({
transport: {
read: {
type: "POST",
url: "http://localhost:52300/WebService1.asmx/Movie",
contentType: 'application/json; charset=utf-8',
dataType: "json"
}
}
});

dataSource.bind("change", function () {
$("#movies tbody").html(kendo.render(template, dataSource.view()));
});

dataSource.read();

Where as template is ,

<script id="template" type="text/x-kendo-template">
<tr>
<td>#= Rank #</td>
<td>#= Rating #</td>
<td>#= Year #</td>
<td>#= Title #</td>
</tr>
</script>

and web service us showing following data ,

<string xmlns="http://tempuri.org/">[{"Rank":5,"Rating":9,"Year":1995,"Title":"Titanic"},{"Rank":2,"Rating":5,"Year":1964,"Title":"Scent "}]</string>

any help please ?

Data Source

answered on 06 Jan 2012

6 answers

222 views

Not show expand/collapse icon in sharepoint webpart

Hi,

I am creating a sharepoint webpart using kendo treeview, but the expand/collapse icons are not showed although the link to file sprite.png is correct.

You can see it in the attached file.

What is the problem? Have anyone successfully used kendo treeview in sharepoint?

Thanks.
Thai

TreeView

answered on 05 Jan 2012

0 answers

87 views

Overlapping datapoint in Linechart

Hi guys,

I'm running into an issue when i have multiple lines with overlapping datapoints in a linechart.
When i try to click on one of the datapoint of a specific line it is hidden beneath the last line.

I've added a screenshot with an example.

My question is:

Is it possible to highlight the line I select in the legenda so that it comes to the front and if its possible even dim the color of the rest of the lines so it really pop out of the picture.

Regards Sander

Charts

asked on 05 Jan 2012

2 answers

104 views

Trying to develop an unobtrusive layer on Kendo

Hi,

I have been playing around with Kendo to see whether we can use it in one of our projects. One of the things I am trying to achieve is to develop and unobtrusive interface on top of Kendo. The way I am going about this is as follows:

1. I mark the controls which I want to apply the Kendo UI to with a specific attributes, e.g. a textbox which should become a date picket I will mark with add a "data-ui-datepicker" attribute to.
2. I will then run javascripy once the page has loaded to call the appropriate Kendo methods for them, e.g. I will get all textboxes with the "data-ui-datepicker" attribute and call the kendoDataPicker() method on them.

This works fine but I also have sections of the page which is dynamically loaded. Once it is loaded I will again call the method to apply to Kendo UI to the controls. The problem is that the controls which already has the Kendo UI applied to then gets screwed up because it basically tries to apply the Kendo UI to the control a second time.

My question is whether you guys have any idea as to how I can work around this? Is there any way to determine whether a control already has the Kendo UI applied so that I then don't call the kendo...() method a second time?

Also, do you have any plans to supply some sort of unobtrusive framework on top of Kendo?

Hope this makes sense.

Thanks!

General Discussions

answered on 05 Jan 2012

4 answers

187 views

Chart Series Colour

How do you set the Chart Series Colour manually?

Charts

answered on 05 Jan 2012

0 answers

77 views

Feature request: isBusy(true / false), enabled(true / false)

Those two methods would be very nice on any control. They would allow developers to simply enable or disable controls, or set them busy (maybe display a spinner on the control?).

I think this (those) features would be implemented quite simple and make a developers live considerably easier.

Thanks for your great work so far!

General Discussions

asked on 04 Jan 2012

2 answers

115 views

Non standard AJAX data

When working on the grid tool for Kendo UI and ColdFusion it passes the paging and common request data as expected. There is other data that comes back as string values and it doesn't get broken up. Perhaps this is because the results are in brackets with text that should perhaps be in quotes. Has anyone had problems with this on other platforms?

method: getRegistrations
take: 5
skip: 5
page: 2
pageSize: 5
sort[0][field]: institution_main
sort[0][dir]: desc
filter[filters][0][logic]: or
filter[filters][0][filters][0][field]: institution_main
filter[filters][0][filters][0][operator]: eq
filter[filters][0][filters][0][value]: 2
filter[filters][0][filters][1][field]: institution_main
filter[filters][0][filters][1][operator]: eq
filter[filters][0][filters][1][value]: 4
filter[filters][1][field]: institution_id
filter[filters][1][operator]: contains
filter[filters][1][value]: 3
filter[logic]: and

As you can see most of the fields are properly formatted. The sort field just doesn't come over right. The filter fields get even worse.

It seems like this should be
sort[0]['dir']: desc
vs
sort[0][dir]: desc

There is a great open source library that can process this if the field names in brackets are delivered in quotes.

Grid

answered on 04 Jan 2012

0 answers

446 views

SQL Server Database using oData

Hello,

I don't know where to start...

But I'll start here:
I was following along on the Kendo UI Video you guys have about the Datasource video.
I managed to get the data from my SQL Server Database Service and populated the data in a Kendo UI Grid.

I have a splitter with a grid in the middle column.

I created the 2 forms on the left and the right columns for the Create and Edit Forms, respectively.

Whenever I enter the fields necessary for my create form, and I click my create button, nothing happens. Nothing shows up on fiddler, nor Chrome. But my field clearing and dataSource.read(); do work.

Here is my jQuery for the DataSource:

var payItems = kendo.data.Model.define({

id: "PayItemID"

});

var URL = "http://myserver/service.svc/PayItems"

var dataSource = new kendo.data.DataSource({

type: "odata",

transport: {

read: {

url: URL,

type: "GET"

},

create: {

url: URL,

type: "POST"

},

update: {

type: "PUT"

},

destroy: {

type: "DELETE"

}

},

schema: {

total: "count",

model: payItems

}

}); //end of dataSource var

I also have the update and destroy urls dynamically in the grid's change event.

this.dataSource.options.transport.update.url = URL + "(" + id + ")";

this.dataSource.options.transport.destroy.url = URL + "(" + id + ")";

Which doesn't work by the way. Whenever I click on my delete or update button, the url that gets used is the html's url.

Which then I went on to try the manual approach, I put in a specific item that I wanted to update. And when I click on my update button, my grid gets updated but my service does not. When I used fiddler, I noticed that my request header method is using "OPTIONS" instead of "PUT". The same for my delete button, the row on the grid disappears, but the request header method is using "OPTIONS" instead of "DELETE".

I was wondering if you guys could help me solve this, or direct me to a resource that has the functionality I need.

Please and thank you,

P

Data Source

asked on 04 Jan 2012

3 answers

145 views

Loading data with ajax problem

Hi, firstly thanks for this modern library.
I have a problem with kendoTabs. I download kendoUI and try examples inside the rar.
But tabs doesn't work with chrome lastest version(16.0.912.63 m). Firefox is just fine.
On the other hand, same example on the web demos works fine.
Is there any difference between local examples where I downlaoded and online examples.
I couldn't understand.

TabStrip

answered on 04 Jan 2012

1 answer

100 views

Change Focus on Combo Closed

I can't seem to set focus to a plain input control on the combo closed event

...only way I can get it to work is by putting in a timer...am I missing something? When there's no timer the cursor stays IN the combo even though the .focus() code on the input is hit

http://jsfiddle.net/stevescotthome/aB7Yd/17/

ComboBox

answered on 04 Jan 2012