Questions on Kendo UI for jQuery Forum

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

132 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

221 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

174 views

[Solved] 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

172 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

436 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

180 views

[Solved] 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

1 answer

534 views

Access model without using get(id)

Is there a way to return a model without using get(id) ?

I am using this with the grid, and using a template for the column. In the template, I use reference the Id to get the model.

However, when creating a new row with the grid, there is no "Id" set so I need to find another way to access the model.

I can manually access the underlaying data with the "after" code.

But I want to to return the model so I can use .set() -- so that the 'modified' field is toggled -- so that the "save" toolbar button with run the update method.

Before:

$('#gridEmailAddress').data('kendoGrid').dataSource.get(#=Id#).set('StatusTypes[0].Flag',true)

After:

$('#gridEmailAddress').data('kendoGrid').dataItem(this.parentElement.parentElement).StatusTypes[0].Flag=true;

The after version sets the data, but it does not update the modified flag -- so when I click the "save" button the grid toolbar, it does not run the update method.

Data Source

answered on 20 Dec 2011

2 answers

309 views

[Solved] Using .get(ID) to access a new datarow, not working with creating a new row

I'm simulating checkboxes by using spans that do something when clicked. Everything is working fine when using existing data because I can use .get(ID) to access the data row and then use .set to toggle the value (which sets the modified flag and all that). However, when adding a new row to the table, there is no ID, and I can't use the "get" function to access it. I have a semi-working jsfiddle example.

Use the "add new cell text message" button, I haven't implemented the default "add row" button.

Also, how do I have a function I wrote be called after the "Add New Row" button does it's work?

http://jsfiddle.net/brandoncharnesky/KcQ9T/

Grid

answered on 20 Dec 2011

0 answers

175 views

Local data source from string

Whilst using the drop down list if I assign the data like the first example it works OK, however if I build up a string and then put this in as per the second example it does not work as expected.

***first statement******

$("#dropdownlist").kendoDropDownList([{ text: 'Zone 1', value: '0' }, { text: 'Zone 2', value: '10000' }, { text: 'Zone 3', value: '10001'}]);

***second statement******

var json = "{ text: 'Zone 1', value: '0' }, { text: 'Zone 2', value: '10000' }, { text: 'Zone 3', value: '10001' }";

$("#dropdownlist").kendoDropDownList([json]);

DropDownList

asked on 20 Dec 2011