Questions on Kendo UI for jQuery Forum

1 answer

436 views

Master/Detail DataGrid using JSON or XML

In the Web demos section, there is a grid which displays its data in a master/detail type format. The demo I’m referring to can be found here:

http://demos.kendoui.com/web/grid/detailtemplate.html

The grid pulls the data from the following services/feed:

http://demos.kendoui.com/service/Northwind.svc/

http://demos.kendoui.com/service/Northwind.svc/Employees?$format=json&$inlinecount=allpages&$callback=callback&$top=5

http://demos.kendoui.com/service/Northwind.svc/Employees%281%29/Orders?$format=json&$inlinecount=allpages&$callback=callback&$top=5

Is there a sample of this same grid using JSON or XML which is either returned from an object or is store statically inside the page?

Thanks,

Data Source

answered on 21 Dec 2011

0 answers

157 views

Programmatically explode pie slice

Hi,

I have a pie chart and grid using a shared remote datasource and I'd like to have the corresponding pie slice explode when the user clicks (or hovers over) an item in the grid. As it stands I'm using the change event in the grid and altering the underlying datasource's Explode field and refreshing the pie chart, but that clears my grid settings (current selection,sort,etc) and triggers each slice of the pie chart to re-animate. Any thoughts on how to accomplish without refreshing the entire pie chart?

I'm loving the library so far, great work! Thanks!

Charts

asked on 21 Dec 2011

0 answers

51 views

I can't see web, dataviz and themebuilder demos

when i wan't to see these demos:
http://demos.kendoui.com/web/overview/index.html
http://demos.kendoui.com/dataviz/overview/index.html
http://demos.kendoui.com/themebuilder/index.html

demos doesn't work.
I'm using firefox 9.
I tried with Chrome 16.0.912.63 too but
i'm attaching images.
do i have to configure something on the explorer?.

Thank you.

General Discussions

asked on 21 Dec 2011

1 answer

1.3K+ views

corner-radius for Grid?

is there a way to change a css "corner-radius" to grid... the atributes "k-grid-header" or "k-grid" dont work?

Grid

answered on 21 Dec 2011

2 answers

120 views

this.select()[i] is undefined in ie but working in ff or chrome

Below code is working in ff and chrome but throwing error in ie

gridMain = $("#gridMain").kendoGrid({

dataSource: dsMain,

height: 500,

filterable: true,

scrollable: true,

pageable: false,

selectable: 'row',

sortable: true,

columns : [

{

field: "dt",

title: "Tarih",

width: "120px"},

{

field: "defi",

title: "Açıklama"},

/*{

field: "amn_tot",

title: "Toplam Tutar",

width: "120px"},*/

{

field: "id",

title: "İşlemler",

template: actionTemplate,

width: "130px"}

],

change : function(e) {

selectedRows = [];

for (var i = 0, l = this.select().length; i < l; i++) {

var xid = this.select()[i].dataset.id;

selectedRows.push(xid);

};

//console.log(selectedRows);

/*

console.log(this.dataSource.view()[this.select()

.index()]["id"]);

*/

}

});

Am I missing sth ?

Grid

answered on 21 Dec 2011

4 answers

203 views

code assist for ide

Hi

is there any code assist for any of the popular IDE's ie: vs2010, textmate etc

cheers

Jason

General Discussions

answered on 21 Dec 2011

1 answer

151 views

No gradient and invisible tooltip in pie chart

Hi,

if I set the gradient value to "none", a tooltip doesn't show up (if the value is "glass" everything works great).

seriesDefaults: {

type: "pie",

overlay: {

gradient: "none"

}

},

series: [{

field: "Amounts[0].Amount",

categoryField: "Name"

}],

tooltip: {

visible: true,

format: "{0:N0}",

template: "${category}<br>${value}"

}

Is this a bug or I am doing something wrong?

Thanks,

Igor

Charts

answered on 21 Dec 2011

3 answers

158 views

Reading JSON from a file doesn't work...

I'm trying to get a datasource to load a file that contains JSON data. This is based off the Demos on the site.
Here is how I create and load the datasource:

<script>

$(document).ready(function() {

var dataSource = new kendo.data.DataSource({

transport: {

read: {

url: "filters.json",

dataType: "json"

}

},

change: function() {

// subscribe to the CHANGE event of the data source// do stuff here...

});

// read data from the "movies" array

dataSource.read();

});

</script>

And here is the filter.json file:

[{id:"oflc",title:"Classification",items:[{title:"root",values:"CTC,G,PG,M,MA,R"}]},{id:"drwho",title:"Favourite Doctor",items:[{title:"Classic",values:"William Hartnell,Patrick Troughton,Jon Pertwee,Tom Baker,Peter Davison,Colin Baker,Sylvester McCoy,Paul McGann"},{title:"2005+",values:"Christopher Eccleston,David Tennant,Matt Smith"},{title:"Non-canon",values:"Peter Cushing"}]},{id:"q",title:"Search term",items:[{title:"root",values:"ANY"}]},{id:"format",title:"Format",items:[{title:"root",values:"3D Blu-ray,Blu-ray,DVD"}]},{id:"companion",title:"Favourite Companion",items:[{title:"Classic",values:"Mary Tamm_Lala Ward[Romana],John Leeson[K9],Nicola Bryant[Peri],Katy Manning[Jo Grant]"},{title:"2005+",values:"Karen Gillan[Amy Pond]"}]},{id:"price",title:"Price",items:[{title:"root",values:"<20[Under $20]"}]}]

I've have removed stuff out that is not needed to illustrate the problem. The datasource seems to be blank and does not contain any date.

When I copy the data from the file and dump it in code as a variable and tell the datasource to use it, it works fine. Telling it to read from the file however seems hopeless. I've compared it to the samples and read the docos (not very useful BTW) and am stuck.

The JSON data is fine in the file and works with other things (non-Kendo). I'm using IE9.

Data Source

answered on 21 Dec 2011

1 answer

429 views

Chart with month on the category axis

Hi,
I am building a chart that has months on the category axis. I am currently passing intergers from 1 to 12 to represent the months. Is it possible to "convert" these values to month names using the kendo globalization api, so that the chart will know that numbers represent month and display the label accordingly?
Thank you,
Pascal.

[EDIT]
I think I am on the road, but it does not works yet. I tried this:

categoryAxis: {

field: 'Mois',

labels: {

template: "#=kendo.cultures.current.calendar.months.namesAbbr[value-1]"

}

it gives me an error :
Invalid template:'#=kendo.cultures.current.calendar.months.namesAbbr[value-1]' Generated code:'var o,e=kendo.htmlEncode;with(data){o=''+(kendo.cultures.current.calendar.months.namesAbbr[value-1])+;}return o;'
Fichier Source : http://localhost:8080/Scripts/kendoui/kendo.all.min.js
Ligne : 11

Globalization

answered on 20 Dec 2011

2 answers

164 views

Sparkline

Hi,

is it possible to style the line chart so it can be used as sparkline or is there a plan to include sparkline chart in upcoming releases?

Thanks,

Igor

Charts

answered on 20 Dec 2011