Questions on Kendo UI for jQuery Forum

4 answers

196 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

143 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

139 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

420 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

161 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

1 answer

493 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

282 views

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

161 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

0 answers

117 views

Back button issue with ComboBox in Firefox

I am having an issue that when I have a kendo combo box on a page in firefox with a selected value and I link to a new page and then click the browser back button the combo box is blank instead of showing the selected value. This only happens with Firefox and I have tried Firefox version 7 and 8. The other browsers I have tried (IE9 and Chrome) worked fine. To help isolate the problem I also In Firefox tried not calling kendoComboBox on my drop downs and in that scenario when using the back button to return to a page the dropdowns are displayed as expected.

Thanks,
Peter

ComboBox

asked on 20 Dec 2011

11 answers

443 views

DataSource not firing .net WCF Service but jQuery .ajax does work.

Hi,

I am new to this forum and Kendo UI. I have a WCF service that has JSON support running. I can us jQuery to call the web service and the breakpoints get hit. I know it works via jQuery. I wrote the following for the auto-complete and it doesn't fire off the request to the local service. The aspx page and the service are in the same domain. I have pasted in the code below. I have tried jsonp, json, xml and nothing seems to want to hit the service. The commented out code : WCFJSON() function calls the service and the breakpoint gets hit. Any ideas?

$(document).ready(function () {

// WCFJSON();

// $("#input").kendoAutoComplete(["Apples", "Oranges", "Grapes"]);

// return;

$("#input").kendoAutoComplete({

minLength: 10,

dataTextField: "Cusip",

dataSource: new kendo.data.DataSource({

transport: {

read: {

url: "Service.svc/GetUsers",

dataType: "jsonp"