Questions on Kendo UI for jQuery Forum

2 answers

231 views

Saving existing record or inserting new one

Hello,
I have a ListVIew binded to a DataSource which gets loaded as "json" datatype from a control ajax-wise.
The same control also expects POST request back to save/insert update data to DB.

I have kendoListVIew defined with some delegates, including:
var commentsList = $("#commentsList").kendoListView({
                   dataSource: commSrc,
                   editable: true,
                   template: kendo.template($("#ctemp").html()),
                   editTemplate: kendo.template($("#cedittemp").html())
               }).delegate(".ledit-btn", "click", function(e) { commentsList.edit($(this).closest(".comment-view")); }).
                   delegate(".lsave-btn", "click", function(e) { commentsList.save(); }).
                   delegate(".lcancel-btn", "click", function(e) { commentsList.cancel(); }).data("kendoListView");

There is no e.preventDefault() - because they are DIVs, not hyperlinks.

I was under an impression that calling .save() on listView will cause DataSource to sync - which means it would call update routine defined under transport. But it never does anything actually.
I don't mind calling my own function and do my own ajax postback via delegate(".lsave-btn"), but then how do I pass data from form fields for edited item (or new item)?

Or am I missing something? PLease help :)
Thanks

ListView

answered on 13 Jun 2012

0 answers

125 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

126 views

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

103 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

196 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

175 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

442 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

161 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

90 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