Questions on Kendo UI for jQuery Forum

8 answers

139 views

MVVM / How can I declare the hint function on the view ?

Hi guys,

First of all thank you for this amazing feature, I bet I won't be the only one to say that but the DnD is really convienient !
I'm new to mvvm and I'm trying to implement the draganddrop on it.

I'm almost there, I just don't know how to declare/bind the hint function/property on the view.
My hint function should do the classic/normal behavior

hint: function (element) { // Cand configure that ..
return element.clone();
}

here's my view

<div data-role="draggable" data-filter="[role='row']"> </div>

So in fact my main question is how to you define a function using the data attributes on the view ?

data-hint ? and then what should be my content ?

Any idea ?

Thank you

T

Drag and Drop

answered on 19 Dec 2013

6 answers

4.6K+ views

How to show all records in a grid (PageSize)

Hi,

I need to show all records in a grid, so no paging. By default grid uses paging (10 records). Is there any property that can turn off paging?

I tried to use PageSize(-1), but I got "NaN - NaN of 50 records", so it actually disabled paging but gave me "NaN - NaN". I tried PageSize(0) and it works same way as PageSize(10).

So what I've end up doing is entering 1000000 value in to PageSize property. It works, but I don't like this approach. Is there is a right way of doing it?

Thanks a lot.

Sincerely,
Vlad.

.Sortable()

.Scrollable()

.ColumnMenu()

.Pageable(x =>

{

x.Enabled(true);

x.PreviousNext(false);

x.PageSizes(false);

x.Info(true);

x.Input(false);

x.Numeric(false);

x.Refresh(true);

})

.Resizable(resize => resize.Columns(true))

.Reorderable(reoder => reoder.Columns(true))

.DataSource(ds => ds.Ajax()

.ServerOperation(false)

.PageSize(1000000)

.Events(events => events.Error("error"))

.Read(read => read.Action("TodayOrders", "Orders")))

Grid

answered on 19 Dec 2013

1 answer

113 views

Sparkline inside a ListView

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

70 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

164 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

272 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

552 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

86 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.1K+ 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

318 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