Questions on Kendo UI for jQuery Forum

0 answers

100 views

oData WebGet

I am trying to fill a Kendo Mobile ListView with data retrieved from a WCF Data Service WebGet with no luck. Is there something I am missing.

WCF Method:

[WebGet]
public IQueryable<AttributeType> GetRanges()
{
var ranges = (from pa in this.CurrentDataSource.ProductAttributes
where pa.oDataAttTypeDesc == "Range"
select new AttributeType() { Name = pa.oDataAttValue }).Distinct().OrderBy(a => a);
return ranges;
}

Hitting the URL gives:

<?xml version="1.0" encoding="utf-8" standalone="yes" ?>

- <GetRanges xmlns="http://schemas.microsoft.com/ado/2007/08/dataservices">

- <element p2:type="ODataSearch.AttributeType"xmlns:p2="http://schemas.microsoft.com/ado/2007/08/dataservices/metadata">

<Name>All Manufacturers</Name>

</element>

- <element p2:type="ODataSearch.AttributeType"xmlns:p2="http://schemas.microsoft.com/ado/2007/08/dataservices/metadata">

<Name>Aqualisa</Name>

</element>

- <element p2:type="ODataSearch.AttributeType" xmlns:p2="http://schemas.microsoft.com/ado/2007/08/dataservices/metadata">

<Name>Bristan</Name>

</element>

</GetRanges>

DataSource is setup as follows:

DataSources._Ranges = new kendo.data.DataSource({
type: "odata",
transport: {
read: {
url: "http://localhost:54948/ProductDataService.svc/GetRanges"
}
}
});

and the html page sets the control as follows:

$("#range-listview").kendoMobileListView({
dataSource: kendo.data.DataSource.create({ data: DataSources._Ranges }),
template: "${Name}"
});

Data Source

asked on 13 Jun 2012

2 answers

111 views

Chart Tooltip in FireFox 3.6

In one of our charts we placed a break tag in the tooltip to create a new line but it is not rendering in Firefox 3.6. The line break renders correctly on all other browsers (and more recent version of FireFox) but not on FireFox 3.6 (see attached image).

Here is the code for the series with the tooltip:

series.push({

type: 'column',

// Specify then name of the property in each data row that

// contains the expiring lease count

field: 'expiring0',

name: property + ' Expiring',

stack: true,

tooltip: {

visible: true,

template: '' + property + ' - ' + '#= category # Limit: #= dataItem.limit0 # Expiring: #= dataItem.expiring0 #',//Notes: #= dataItem.notes0 #',

font: '11px Trebuchet MS'

}

});

Is there anyway to make this work in FireFox 3.6?

Charts

answered on 13 Jun 2012

0 answers

88 views

adding row in grid

I am quite new to keno UI grid can anyone post me the source code regarding how to do basic functionality of inline add, edit and delete in grid.

Grid

asked on 13 Jun 2012

0 answers

171 views

Dynamic loading of panel bar using datasource

Hi,
I want to load the panel bar headers dynamically from the database .Is it possible with data source?can u provide some sample code for dynamically loading panel bar with data source.

PanelBar

asked on 13 Jun 2012

0 answers

158 views

Generate TreeView DataSource in Jquery

Hello,

I am using KendoUi TreeView, as I read this treeview doesn't support remote data source from Json. So I was trying to take data from controller in Jquery and loop it to create treeview item as below

$.getJSON(baseurl + '/api/TreeDataController/GetOnlineTreeData',

function (data) {
var ds;
 ds = {
 $.each(data, function (i, row) {
 id: data[i].id, text: data[i].Name, items: [{ id: data[i].id, text: "<label>" + data[i].Name + "</label>" }]
 });
 }

var treeview = $("#treeview").kendoTreeView({

template: kendo.template($("#treeview-template").html()),

dataSource:[ds]

}).data("kendoTreeView")

});

But here I am getting error at text: (saying expected ; ). So please give me solution how can I show this data as datasource for Tree.

Thanks,
Atul

TreeView

asked on 13 Jun 2012

1 answer

412 views

Validating DropDownList inside a form

Validating a DropDownList (mainly the ' required' rule, most other rules are not applicable) will not work correctly when you build a dropdownlist using the SELECT element and when you create the validator on a container element (e.g. a form).
It works when you call the Validate function (or on submit of the form), but it does not work when the dropdownlist looses the focus.
Seems the onblur event is not triggerd for the dropdownlist?
This is not a big problem for the required rule, but I want to implement a custom rule which I want to be triggered when the dropdownlist looses the focus.

Regards, Jaap

Validation

answered on 13 Jun 2012

0 answers

100 views

Editor in a knockout template doesn't work in IE

Hi,

I tried to add the editor in a knockout template.
The first time the template (with the editor in the template) is shown everything works fine.
The editor doesn't work anymore when it is shown a second time.

This issue occurs only with Internet Explorer.
It works fine with other browsers. (tried in Opera, Safari, Chrome, Firefox)

I reproduced the issue in fiddler: http://jsfiddle.net/pVJH9/

Scenario:

Click on "show Kendo editor"
Fill some content in the editor (important!!)
Click on "show other content"
Click on "show Kendo editor"

Editor doesn't work anymore.

Sébastien

Editor

asked on 13 Jun 2012

1 answer

77 views

Toolbar appears between grouping row and grid header

Happens in the latest KendoUI release.

You can see it here: http://jsfiddle.net/latenightcoder/RALR3/1/ (Seems like jsfiddle is having some problems getting the http://cdn.kendostatic.com/2012.1.515/styles/kendo.common.min.css file from your CDN even through referenced right but you can still the toolbar position)

Worked as expected in the initial version of KendoUI (v2011.3.1129) : http://jsfiddle.net/latenightcoder/RALR3/2/

Grid

answered on 13 Jun 2012

0 answers

53 views

How can I change the color of the labels on mouse over?

I have made a pie chart with labels for each category aligned "circle".
How can I change the color of the labels on mouse over?
Greetings Luca

Data Source

asked on 13 Jun 2012

1 answer

92 views

grid with inconsistent data

Hi,
i need to display a grid with dynamic data, i have no previous knowledge regarding my columns,
additionally the objects\rows are not consistent, for example:

var users = [{"a":"1","c":"1"},

{"a":"2","b":"2","c":"2"},

{"a":"3","b":"3","c":"3"},

{"a":"4","b":"4","c":"4","d":"4"}]

when passing this kind of data to a Kendo grid, it sometimes displays the common attributes and sometimes don't display anything.

is there a way to make it display null values for missing values?

sample - http://jsfiddle.net/76aZ7/20/

Thanks,
Ishay

Grid

answered on 13 Jun 2012