Questions on Kendo UI for jQuery Forum

4 answers

315 views

Hi,

Can someone please tell me if they have used local storage successfully across mobile devices (IOS, Android mainly) using phonegap as the eventual release mechanism?

http://dev.w3.org/html5/webstorage/

And possibly any articles or pointers for me before I dive into it.

Many Thanks
Matt

General Discussions

answered on 21 Apr 2012

0 answers

165 views

Window not using iframe

I want to open a window within an iframe that because it needs its own print.css.

I don't know why, but I do not think it is actually using the iframe as it always changes the css in the main window. Am I just doing something wrong?

I am trying to use the following code:

function ShowKendoIFrameWindow(element, data) {

var title = $(element).attr("WindowCaption");

var url = $(element).attr("WindowURL");

$("<div />").kendoWindow({

iframe: true,

animation: {

open: {

effects: { fadeIn: {} },

duration: 200,

show: true

},

close: {

effects: { fadeOut: {} },

duration: 200,

hide: true

}

},

content: { type: "POST", url: url, data: data },

title: title,

draggable: true,

modal: true,

resizable: false,

scrollable: false,

refresh: function () { this.center(); }

}).data("kendoWindow").center().open();

return false;

}

Window

asked on 20 Apr 2012

1 answer

176 views

Chart not showing updated series (redisplay?)

I have a chart control defined in a .js file:

var chartViewer;

function buildChart() {

chartViewer = $("#chartPane").kendoChart({

title: {

text: "Type by Distributor"

},

dataSource: searchData,

autoBind: false,

seriesDefaults: {

type: "column"

},

series: typeSeries,

tooltip: {visible: true}

});

chartViewer = $("#chartPane").data("kendoChart");

}

In the datasource I do an update of the series each time the grid regroups the values (notes: newData is the change: function, and typeSeries is a global variable:

function newData(e) {

var items = searchData.view();

var length = items.length;

var item;

$("#recCount").text(searchData.total());

typeSeries = [];

for (var i = 0; i < length; i++) {

item = items[i];

typeSeries.push({ name: item.value, data: [item.aggregates.type.count] })

}

// rebuildChart();

}

But I am not seeing anything in the chart. (blank columns). I tried a chartViewer.refresh() but that just gave a i/o error. I need to set autoBind to false, since I need to poll the server at specific times for the JSON data to populate the datasource.

I know that my code is pretty close, since this JsFiddle test that I did shows that I can create a series and use it to display a chart. But here the data is all local, and I need a remote JSON source.

http://jsfiddle.net/drysg/gezJd/6/

Charts

answered on 20 Apr 2012

0 answers

80 views

Styling my area chart

hello everyone. I'm trying to style my area chart, but I can't seem to get this right. I'm following the configuration options, but I can't seem to get it right.

I want to style my area chart by making the width of the actual line portion thicker (3px).

I've tried this:

plotArea: {

border: {

width: 3

}

},

But this doesn't work.

I've done a bunch of permutations of the border, width on different options, and none of it seemed to change the actual line itself.

Am I doing something wrong?

Charts

asked on 20 Apr 2012

4 answers

1.5K+ views

How to "clear" a DataSource used in MVVM

Hi,

What is the recommended way to "clear" a DataSource used in an MVVM scenario ?

For example, if I bind a ListView to a DataSource wrapped inside an ObservableObject, what is the recommended way to clear all the items ?

Thanks

Data Source

answered on 20 Apr 2012

2 answers

90 views

Images on PanelBar inner levels

Trying to put images on a 2 level Kendo PanelBar get errors in visualization.
This is my datasource :

dataSource: [
        {   text: "Item 1" ,imageUrl : "img/usrmgr.gif",
            items: [
                { text: "Sub Item 1.1" , valor: 2,imageUrl : "img/usrmgr.gif"},
                { text: "Sub Item 1.2", valor : 3,imageUrl : "img/usrmgr.gif" }
            ]
        },
        { text: "Item 2", imageURL : "img/usrmgr.gif",
      items: [
                { text: "Sub Item 2.1", valor : 5 ,imageUrl : "img/usrmgr.gif"},
                { text: "Sub Item 2.2", valor : 5,imageUrl : "img/usrmgr.gif" },
                { text: "Sub Item 2.3", valor : 5 ,imageUrl : "img/usrmgr.gif"},
                { text: "Sub Item 2.4", valor : 5,imageUrl : "img/usrmgr.gif" },
                { text: "Sub Item 2.5", valor : 5,imageUrl : "img/usrmgr.gif" }
            ]

  }
]

is anything worng ??... Panelbar shows distinct hiearchies than loaded in datasource.
Thanks in advance,
Marcelo

PanelBar

answered on 20 Apr 2012

0 answers

82 views

Full row select

Hello how can i do to disabled the cell navigation and only use full row selection?

thanks, Javier

daaahhh forget it!!!!! i'm already solve this issue, i only change the properties:

navigatable: false
selectable: "single row"

:P

Grid

asked on 20 Apr 2012

5 answers

81 views

DROID support pre v3 and DataViz Graphics

Currently I am evaluating the kendo MOBILE library in conjuction with the DataViz library and I find the work great btw! My issues mainly come from testing on my internal DROID devices.

Spoofing DROID through web browsers is find but actually testing on a DROID device pre v3 of the Android OS becomes problematic as it does not seem to support SVG or VGL.

I noticed that on the web site decribing DataViz that Android is supported: Android (via Opera and the Android browser v3+)

Are you saying that a best practice work around for older droid devices (can ice cream sandwich come quick enough?) that we should use Opera Mobi? or maybe Opera Mini?

General Discussions

answered on 20 Apr 2012

21 answers

927 views

Removing the animation

Can I somehow kill the fade animation on the listview? I don't see anything in the documentation on it....

ListView

answered on 20 Apr 2012

0 answers

73 views

Forcing operations to commit

Okay, I am in a situation where I need every new entry in my grid to validate against all existing entries to determine whether or not it can be added. The problem is, saving with the grid always sends all adds and removes at once and in parallel, so their execution order is undefined. So it is possible for new entries to fail validation against old entries that are in the process of being removed.

My natural conclusion is that I need to just force an update after every operation (add, remove, etc). The problem is, that when I try to use the "save" and "remove" events, "this.saveChanges()" doesn't do anything. Is there a more correct way to obtain this behavior?

Thanks.

Grid

asked on 20 Apr 2012