Questions on Kendo UI for jQuery Forum

1 answer

117 views

Hi, I'm trying to render a list of metrics with sparklines using a listview. I'm using MVVM to do this..... but it doesn't bind the spark lines ... here is some of my code:

<div data-role="listview"

data-template="metric-summary-template"

data-source="app.getMetricDescriptionsDataSource"

style="width: 380px; height: 200px; overflow: auto">

</div>

<script type="text/x-kendo-tmpl" id="metric-summary-template">

<div class="metric-view">

<div>#= Name #</div>

<div data-role="sparkline"

data-series="[{

type: 'column',

field: 'TMax',

color: '\#ff0000',

negativeColor: '\#0099ff'

}]"

data-tooltip="{ visible: true }"

data-source="app.getTestDS"

style="height:30px"></div>

</div>

</script>

In this code the sparkline code is static, but I hope to make it dynamic ... do you have some advice?

Thanks in advance ...

ListView

answered on 19 Dec 2013

1 answer

75 views

Change function of popup edit buttons

Hello,

I am using the Kendo UI Grid with popup edit mode. I need to make changes to the update and cancel buttons to make them work properly for what I'm doing. How do I go about making these buttons do something different than how they are originally programmed? I tried searching for this and have not found anything that works for me. I would be happy to provide any additional information if needed. Thanks!

Grid

answered on 19 Dec 2013

1 answer

177 views

Issue Rounding to Zero - Getting Negative Zero

I'm having an issue where I'm subtracting large numbers and showing the result in a grid. I'm formatting the column as N2 and it's showing -.00 when the result is a small negative number such as -.0000001. I can do the rounding manually in one case, but there's another case where this is being dynamically queried from the database and it's more difficult for me to round. Any idea out there for getting Kendo to show 0.00 consistently?

Grid

answered on 19 Dec 2013

5 answers

301 views

Draggable Grid

Hi,

I have implemented the following example : http://jsfiddle.net/UsCFK/22/

I have it working but would like to apply some styling. Namely, when the current row being dragged passes across underlying rows, I would like to apply styles to the underlying rows.

Thanks

Grid

answered on 19 Dec 2013

9 answers

635 views

dataSource.read() running at random times

Hello and thanks in advance.

I am attempting to retrieve one years worth of events at a time using the navigate event, and checking the year from the args date against the last retrieved date that is being set on a global variable. This logic is working great, however, once I navigate back to 2011 and beyond, or forward to 2014, the read() runs on every navigation without being explicitly called.

Here is my navigate function...

navigate: function(e) {
var year = new Date(e.date).getFullYear();
if (year != app.lastRetrievedYear) {
app.lastRetrievedYear = year;
app.dataSourceUrl = "/api/event/" + year;
dataSource.read();
}
}

And my transport function on my dataSource...

transport: {
read: {
url: function() {
return app.dataSourceUrl;
},
dataType: "json"
}

Per my understanding, the read() shoud only occur on initial load unless otherwise called. I have set breakpoints in FireBug and analyzed my conditional on the navigate and when in 2011, it does not hit this logic, yet still runs the read() function.

Any help? Thanks!

Scheduler

answered on 19 Dec 2013

1 answer

94 views

Remove Group on Mobile List view

I've noticed there is a bug with the grouped list view when using the datasource. When the group is removed the listview reverts to ungrouped but the styling is not updated.

I discovered the fix below... but the framework should handle this automatically.

(Tasks is the DataSource Object)

tasks.group({field: "Importance"});

The grouped listview looks fine. Until...

tasks.group([]);

Group is removed but the list formatting does not revert to the appropriate style.

The following manual updates need to happen:

$("#ulList").removeClass("km-listgroup");

$("#ulList").addClass("km-list");

Now it looks acceptable.

ListView (Mobile)

answered on 19 Dec 2013

13 answers

4.2K+ views

Complete solution for language localization of all text strings in an app

Please note that the globalization demo shown at

http://demos.kendoui.com/web/globalization/index.html

does NOT demonstrate a completely localized solution because all the text labels remain in English. A realistic solution would require all text to display in the selected local language whether English, French, Spanish, German, etc, and not just the "culture" relevant to dollars versus Euros, etc.

So what are the plans for a framework that implements a completely localized language solution that allows us to access resource files for selected translations of all the text strings in our applications?

Or should we implement our own solutions?

See for example the i18n solution implemented by Matthew ORiordan for Appcelerator Titanium at Github:

https://github.com/mattheworiordan/json.i18n-for-Titanium-Mobile

where he implemented language resource files in JSON as an approach more efficient than XML.

Globalization

answered on 19 Dec 2013

5 answers

338 views

Kendo Mobile and Angular

I see that there is a project to connect Angular and Kendo Web but is there one to integrate Kendo Mobile? I am looking to do this because there are other tools out there I would like to use that work well with Angular like Firebase. If someone could suggest a good way to mix Firebase with the Kendo MVVM framework that would be great as well.

-Tim

General Discussions

answered on 19 Dec 2013

3 answers

106 views

ListView touch effect on LI which does not contain required markup

My question is in response to this statement in another thread:

"ListView Item highlighting is only applied if the listview item contains certain markup (one link, text with detail button, etc.). In your case, you should remove the paragraph tag from the template. "

Figured I'd start a new thread rather than dig up the old one, but here it is if needed: thread

What are the exact specifications for the markup which gets the effect, and what can I do if I want to apply the effect but my markup does not meet said specifications?

This is what my item template looks like:

<script type="text/x-kendo-tmpl" id="tablet-mru-template">

<div class="listitem-tab">

<h1 style="vertical-align: middle;">#:ClientName#</h1>

<h2 style="min-height: 0px">#:MatterName#</h2>

</div>

</script>

I've been trying to manually register the touch events but without any luck, any guidance is much appreciated.

ListView (Mobile)

answered on 19 Dec 2013

2 answers

79 views

Help working with field and categoryField for tootips

Below is a little snippet of JS from my code. I understand how categoryField and field work and how the tootip templates work. I even know how to format the "value" in the template. The problem is I create these charts dynamically, and I don't know it if it integer, real, currency or percentage coming back.

I looked through the docs with no luck, but want to fine something like this

categoryField: "Category",

field: "Value",

fieldDisplay: "ValueFormatted",

Where the fieldDisplay is the formatted result and use something like this:

template: "${category} ${valueDisplay} - Prior Period"

Some Examples

field: 12345.12
fieldDisplay: $12,345.12
OR
field: .678989778
fieldDisplay: 68.9%

Is there a way to do this?

, series: [{

name: "Prior Period",

overlay: { gradient: "none" },

categoryField: "Category",

field: "Value",

tooltip: {