Questions on Kendo UI for jQuery Forum

2 answers

344 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

389 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

476 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

137 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

796 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

611 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

251 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

1 answer

354 views

How to disable (still display) month header over Kendo Calendar widget ?

Hi,

As a part of client requirement our team needs to use Kendo Calendar while highlighting few dates. Further user should not be able to navigate to any other month/year (which is done through min/max). Moreover, when user clicks on the header part (link displaying the month info e.g. October 2013) a different view gets displayed. We are trying to disable (still display) this header link at top but to no avail (refer screenshot attached).

Can you guide how can this be achieved?

Thanks,
Prasad

Calendar

answered on 24 Oct 2013

1 answer

108 views

Numeric TextBox won't hold my value right.

Using the following code...

<input id="${Statistic.Name}-size"

type="number"

value="30"

class="dark"

style="width: 100px; float: left;"

data-bind="value: Measurement"

data-role="numerictextbox"

data-decimals="5"

data-step="0.001" />

<h1 data-bind="text: Statistic.Name"></h1>

The numeric text box is formatted exactly how I want, but if I type in "0.005", then I click somewhere else, the text box changes to "0.01".

However if I click on it again, it changes back to 0.005, and then back to 0.01 when I click elsewhere.

NumericTextBox

answered on 24 Oct 2013

4 answers

550 views

Click event on listview or listview item without data binding

I'm not using data binding in my app, but want to be able to know when a user taps on an item in the listview and have it call a function.

Is this possible? If it isn't, I'm willing to do unnatural things to make it possible. Where should I look in the code?

Sure, I could just use jquery to add an event but that doesn't work well with the special "tap" and "tap-end" events you have in there. So, to be more specific I want to be able to know when a user tapped using your built in Touch event support so that I don't have to wait 300ms for the click event to fire off.

thanks,

-Bruce

ListView (Mobile)

answered on 24 Oct 2013