Questions on Kendo UI for jQuery Forum

1 answer

106 views

Having trouble with a chart using groupings and aggregates.
If I build the chart using javascript, I can get the seriesColors to work just fine ( http://jsbin.com/upoPuqI/2/edit )

seriesColors: [ 'yellow','red','green']

But if I build the chart using MVVM, I can't get the colors to work ( http://jsbin.com/OquRoYA/3/edit ).

data-series-colors:"['yellow','red','green']"

I think I've gotten this to work before, but for the life of me can't figure this one out.

Charts

answered on 24 Oct 2013

1 answer

66 views

Mobile demo with remote view does not work if link moved in HTML.

I started with the demo here: http://demos.kendoui.com/mobile/view/index.html#/
and modified the source very slightly to look like:

<div data-role="view" data-title="Views" data-layout="main-default">

<a href="page2.html" id="broken">Remote View</a>

<ul data-role="listview" data-style="inset" data-type="group">

<li>Sources

<ul>

<li><a href="#secondview">Local View</a></li>

<li><a href="page2.html" id="works">Remote View</a></li>

</ul>

</li>

</ul>

<ul data-role="listview" data-style="inset" data-type="group">

<li>Types

<ul>

<li><a href="#stretchview">Stretched View</a></li>

</ul>

</li>

</ul>

</div>

The first <a> tag that references page2.html with id="broken" opens the new page outside the kendo application. It takes the browser directly to that HTML page.

The second <a> tag that references page2.html with id="works" does in fact work correctly.

Why is this?

Thanks

General Discussions

answered on 24 Oct 2013

1 answer

230 views

[Solved] Event when text is manually removed from ComboBox

Hello,

I am implementing a ComboBox and I need to do something when the user manually removes the text from the ComboBox.

Can you help me figure out the appropriate event if there is one?

I have tried using the change event (code below) but it is not fired when the user manually removes text.

Thanks,
Carrie

change: function (e) {

if (this.select() < 0) {

//do something here

}

ComboBox

answered on 24 Oct 2013

2 answers

349 views

[Solved] Display X-Axis Info on Top & Bottom of the Chart

Using the DataViz bar charts, is there a way to display the x-axis text on the top of the chart? (Similar to the attachment)

Charts

answered on 24 Oct 2013

4 answers

397 views

DatePicker - french culture, wrong format (16.10.2013 instead of 16/10/2013)

Hi,

I’m currently testing KendoUI for a future project and I have a little issue with the DatePicker. Let me explain:

New KendoUI application with globalization;
Add the fr-FR culture:

<script src="@Url.Content("~/Scripts/kendo/2013.2.918/cultures/kendo.culture.fr-FR.min.js")"></script>

Set the kendo culture in the layout:

Creating in the Index.cshtml a DatePicker.

When running the app and select a date, the DatePicker displays (for example) 16.10.2013. This value cannot be validated, the system expects “16/10/2013”. The culture of the calendar is OK (french labels everywhere), but the value which is displayed has a wrong format.

Otherwise, If I choose to set the culture of the DatePicker explicitly:

@(Html.Kendo().DatePickerFor(m=>m.D)
.Culture("fr-FR")
)

Then everything works like a charm.

Did I missed something?

Thank you,

Catalin

DatePicker

answered on 24 Oct 2013

2 answers

479 views

[Solved] Binding to an expression

Hi -

I want to bind the invisible binding attribute to an expression. I'm pretty sure expressions work in Knockout but they don't appear to work in kendos implementation of MVVM.

<input data-bind="value: addressLine3, invisible: addressCountry == 'USA' "/>

The expression is pretty simple.

Thanks,

MVVM

answered on 24 Oct 2013

1 answer

141 views

ActionSheet is not responding to device orientation

Hi,
When using the ActionSheet and kendo mobile 2013.2.918 the actionsheet does not resize it's self all the time. If I start in portrait mode and show the actionsheet it shows fine, then rotate to landscape and the actionsheet follows and show fine expand to the full width of screen, If I then rotate back to portrait and cancel the actionsheet. Then rotate the device to landscape and open the actionsheet it shows centered rather full width of screen and if I then rotate back to portrait then it shows to the left and the modal mask does not cover the screen. I can replicate even when using the latest internal build 2013.2.1021.

I'm using this on iPhone and with Icenium and if you use the simulator it's even worse.

Is there a solution to this?

Thanks

ActionSheet

answered on 24 Oct 2013

1 answer

800 views

Rebinding viewmodel by using kendo.unbind then kendo.bind

I am having trouble unbindng unbinding an existing view model and rebinding a new view model. The scenario I am using is that the original page comes down from the server and the view model data is bound to the html elements using kendo.bind. Later an action is triggered which converts the viewmodel to a javascript object and sends it to the server as a json request. The server does its work and sends the view model back down at which point I call kendo.observable on the returned object and attempt to rebind it to the existing ui.

Currently I am calling kendo.unbind(viewDiv) then kendo.bind(viewDiv, viewModel) but nothing appears to happen. Is there something I am missing.

MVVM

answered on 24 Oct 2013

1 answer

619 views

Default behavior for the Remove Event

Is the default behavior for the grid to remove row before firing the remove event? If so is there a beforeRemove event I can use?

I'm trying to implement my own confirm, for deleting. I have seen some of the other examples on here but I would prefer to write as little
custom code as possible since there will be a lot of grids in my project that will all use this functionality.

so far I have this
$kendoGrid.bind("remove", gridRemoveRow);

var gridRemoveRow = function (e) {
e.preventDefault();
app.showMessage("Are you sure you want to delete this row?", "Delete Row", ["Yes", "No"]).then(function (result) {
if (result == "Yes") {
$kendoGrid.dataSource.remove(e.model)
$kendoGrid.dataSource.sync()
}
else
$kendoGrid.cancelChanges();
});
};

This code works, but the behavior of removing the row before it gets to gridRemoveRow could cause some confusion for the user with thinking they clicked the wrong row or that the delete already happened.

Grid

answered on 24 Oct 2013

1 answer

254 views

[Solved] Kendo Mobile - Scrollview, move vertical scroll to top

Hello There,

We are using Kendo UI Mobile Scrollview for switching pages by swiping left or right. The only problem is that, the "vertical scrollbar" remains on the same position when a page is switched. We want to reset the vertical scrollbar to top when a new page is switched. We have tried using "$("#scrollSection").data("kendoMobileScrollView").refresh()", but it doesn,t work.

It would help us huge, if there is any workaround for this issue.

Regards.

ScrollView (Mobile)

answered on 24 Oct 2013