Questions on Kendo UI for jQuery Forum

1 answer

185 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

324 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

651 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

97 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.3K+ 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

346 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

111 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

82 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: {

visible: true,

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

},

data: jsonPrior

}, {

name: $('#lblDateRange').html(),

overlay: { gradient: "none" },

categoryField: "Category",

field: "Value",

tooltip: {

visible: true,

template: "${category} ${value} - " + $('#lblDateRange').html()

},

data: jsonData

}]

Charts

answered on 18 Dec 2013

2 answers

740 views

Kendo validator ToolTip not aligning with correct column

I am using the Kendo k-tooltip-validation and k-invalid-msg to display validation errors in the Kendo grid. I have two questions.

1) Is there a way to make the tooltip's width to automatically expand when the message text is longer? The tooltip seems to have a static width.

2) There is a small "nub" on the top (center) of the tooltip. From the user's perspective, it appears the message is aligned to the wrong column (see attached PNG). It appears the tooltip starts in the correct spot, but the "nub" points to the next column over. Is there a way to align the small arrow to the left, OR remove it entirely?

The code appears to be pointing to the correct column:
ModelState.AddModelError("RateUOM", "UOM must be 'LB' or 'CS'");

Thanks,
R

Grid

answered on 18 Dec 2013

13 answers

1.5K+ views

Creating subtotals on groups

I seem to be missing something in the way the grid operates when creating subtotals on groups.

What I am looking to do is create a grid that initially does not have any groups defined and the groupable option is enabled. Then, when a user drags a column up into the groups area, it creates the groups and provides subtotals for all the columns that I defined as having an aggregate.

But, it appears that kendo doesn't work this way and requires me to know which columns will allow groups and aggregates before hand. Or am I missing something?

If kendoGrid can do this, does someone have a jsfiddle example I can look at?

Grid

answered on 18 Dec 2013