Questions on Kendo UI for jQuery Forum

1 answer

147 views

Hello,

We are currently trying to slowly upgrade from Telerik ASP.NET controls to Kendo UI and MVC within our web forms application but ran into a problem with the Kendo Window and asp.net controls - specifically a textbox.

What is happening is whenever we have an asp:Textbox inside a div that has been transformed into a kendo window via $(".window").kendoWindow(), if we click an asp:LinkButton with an onclick event that is also within that window, the value on the textbox always comes back as "". When I remove the $(".window").kendoWindow() line, everything works fine.

We were able to reproduce this in isolation and I'm attaching the project file. Can someone help us figure out whats going on and why textboxes inside windows lose their value?

If you breakpoint inside the btnTest1_Click method after having opened the modal and typed in the Test1 text box and clicked Submit Test 1, you'll see that txtTest1 has lost its value. Why?

Window

answered on 19 Dec 2013

1 answer

114 views

Showloading error when clicking/tapping screen

In my app, I have a list of people that loads the first 50 when you navigate to the view. When you first navigate, the app.showLoading() method is called. If you click or tap anywhere on the screen during the loading process it errors out saying:

Error: Uncaught TypeError: Cannot read property 'top' of undefined

Url: http://localhost:5555/assets/js/kendo.all.min.js

Line #: 46

Is there any way to prevent the kendo showLoading method from throwing this error? Should I just handle the error by hiding it instead? It seems that even though it errors, if you close the error window, all the data still has been loaded properly.

General Discussions

answered on 19 Dec 2013

8 answers

153 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.8K+ 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

118 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

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

179 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

303 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

640 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

96 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)