Questions on Kendo UI for jQuery Forum

11 answers

1.3K+ views

Client validation does not work on "blur" and "keyup" before the first submit attempt

Jquery client validation on "blur" and "keyup" and so on works only after the first submit attempt. Try the following scenario in attached application:
1. Type correct number into field "Count2"
2. Click outside the numericbox to loose focus
3. Clear the numericbox. Validation message "Field is required" does not appear.
3. Click outside the numericbox to loose focus. Validation message "Field is required" does not appear.
4. Click submit button. Validation message "Field is required" appears. From this moment validation begins working as expected.
5. Start to type correct number. Validation message disappears.
6. Clear the numeric box. Validation message appears again

Why validation message does not appear at steps 3 and 4? It appears correctly at step 3 for simple HTML text input and even for Kendo datepciker, but not for Kendo numericbox.

NumericTextBox

answered on 30 Sep 2013

3 answers

149 views

TabStrip icons when using iOS 7

Hi,

I've got the following code for my tabs trip, and the icons appear properly when loaded into Safari or Firefox, but when using an iOS 7 device they are not appearing correctly. The attached screenshot shows how they appear on the iOS 7 device.

The code for the tabs trip is embedded in a layout.
Here's the gist showing the relevant code:
https://gist.github.com/johncclayton/54ba76aa355d8ea74475

I'm using KendoUI mob version: 2013.2.923

Thanks!

TabStrip (Mobile)

answered on 30 Sep 2013

7 answers

139 views

Batch editing

Hi,

1. "cancel changes" also deletes saved records.
2. dirty flags disappear on "add new record" click without saving the edits

Kind regards
Axel

Grid

answered on 30 Sep 2013

1 answer

838 views

Lost focus event for ComboBox

Hi,

I would like to trigger a function on lost focus for ComboBox separately from change event. Meaning I would like to call one function on change event, but another on lost focus.

Is that possible?

Best regards

ComboBox

answered on 30 Sep 2013

16 answers

696 views

[Solved] app.navigate error Cannot call method 'navigate' of undefined v2013.1.514

My javascript code was working fine before I upgraded my kendo.mobile.js to v2013.1.514.

Now, when I attempt to use the app object to navigate to a remote view, I get a javascript error "Cannot call method 'navigate' of undefined". I debugged the issue and found that the error is being thrown from kendo.mobile.js "this.pane.navigate(url, transition);" this.pane is undefined.

Is there anything I need to change to get this to work with the new version of kendo.mobile?

<script>

var isLoggedIn = false;

var app = new kendo.mobile.Application($(document.body), {

initial: "rootView"

});

function verifyLogin() {

app.navigate("http://192.168.1.129/Mobile/Account/Login");

}

</script>

Application

answered on 30 Sep 2013

3 answers

1.2K+ views

Grid Detail Template expanding on row click

At the moment, a detail tempate expands when clicking the little arrow to the left of the row.

I've look at the events/config/methods available for a grid and had a tinker but cannot work out how I would expand the detail template when clicking on a row and not necessarily the arrow. Calling the method that contains the logic for the 'detailInit' works, but you can't attach the events required like 'detailRow' for example.

Any ideas?

Grid

answered on 29 Sep 2013

1 answer

308 views

[Solved] Styling of Kendo Mobile Switch

I have tried this a couple of ways but the styling of the switch is not right. First with the "Blank" template and manually adding my own kendo files, and then with the Kendo Mobile template. The result is the same with both templates and also with the flat skin.

http://jsfiddle.net/jeangentile/nnXQm/

Kendo UI Mobile 2013.2.918
Jquery 1.9.1
Cordova 3.0

In all cases, the "on" position of the switch seems to be too far to the right, leaving some of the "off" background visible.

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="kendo/kendo.icenium.min.css" />
<title>Hello World</title>
</head>
<body>

<div class="app">
<ul>
<li>Password never expires <input id="wink-switch" /></li>
</ul>
</div>

<script type="text/javascript" src="cordova.js"></script>
<script src="kendo/jquery.min.js"></script>
<script src="kendo/kendo.mobile.min.js"></script>

<script type="text/javascript">

var mobileApp = new kendo.mobile.Application(document.body, {
skin: "flat"
});

$("#wink-switch").kendoMobileSwitch();

</script>
</body>
</html>

General Discussions

answered on 29 Sep 2013

8 answers

673 views

Datasource Group then sort

Hello,

I have a data set similar to this:

Name:Joe Smith, Rank:Captain, RankNum: 3
Name:Jane Doe, Rank:Chief, RankNum: 1
Name:Paul Smith,Rank:FF, RankNum:4

I have a datasource that pulls into a MobileUI ListView. What I am having an issue is that I am grouping the data based on Rank, but I want the ListView to be sorted by RankNum. If I just apply the sort with no grouping the ListView displays sorted by RankNum, but if I add a group then I loose my sort. Is there a way to solve this?

Data Source

answered on 28 Sep 2013

2 answers

140 views

[Solved] Touch friendlier toolbar

Is there an easy way to make the toolbar buttons bigger for tablet screens?

Thanks

Editor

answered on 27 Sep 2013

1 answer

124 views

Using jquery to add to model

Not sure this is the right forum for this but here goes. I have a mobile app that gets an image via the camera. It puts the contents of the image into the variable 'imageData' I then use jquery:

$('#smallImage').attr('src', "data:image/jpeg;base64," + imageData);

into the image:

<img id="smallImage" width="100%" data-bind="attr: { src: Robot.Picture }">

that works fine as far as display goes. It does not however add it to "Robot"

I am using jaydata to save the data to a local database and the model has a lot of fields (all text inputs) and they all data-bind fine.

Any ideas?

MVVM

answered on 27 Sep 2013