Questions on Kendo UI for jQuery Forum

0 answers

88 views

I have observed strange behaviours in the tabstrip section of a detail grid. I have a few checkboxes on a popup window after selecting ia popup from the tabstrip. whenever I click a checkbox, 1 or 2 others are selected automatically.

Same for buttons on a tabstrip section of a detail grid. Whenever I click on one button, the other button is highlighted, But the problem is the wrong button is always selected.

Does anybody knows why??

General Discussions

asked on 04 Apr 2012

4 answers

214 views

Object doesn't support property or method 'observable'

Hi I am using the example for form binding and is not working at all, when I run it gives the message in the title.

$(document).ready(function () {

var viewModel = kendo.observable({

email: "someemail@somesite.com",

password: "p@ssword",

passwordConfirmation: "p@ssword",

confirmed: false,

register: function (e) {

e.preventDefault();

this.set("confirmed", true);

},

startOver: function () {

this.set("confirmed", false);

this.set("email", false);

this.set("password", "Male");

this.set("passwordConfirmation", "John");

}

});

kendo.bind($("#example"), viewModel);

});

The HTML is very similar to the one on the website as well.

<div id="example" class="k-content">

<div id="loginForm">

<div id="description">

<p>Some Text</p>

</div>

<div id="login">

<h2>

Want us to get in touch with you</h2>

<br />

<form>

<label>

Email:

<input data-bind="value: email" /></label>

<br />

<label>

Password:

<input data-bind="value: password" /></label>

<br />

<label>

Confirmation:

<input data-bind="value: passwordConfirmation" /></label>

<br />

<button data-bind="enabled: agreed, click: register">

Register</button>

<br />

<div data-bind="visible: confirmed">

<h4>

Confirmation</h4>

<div>

Thank you for your registration, <span data-bind="text: email"></span

<br />

<button data-bind="click: startOver">

Start Over</button>

</div>

</form>

</div>

Any ideas???

MVVM

answered on 04 Apr 2012

6 answers

387 views

Adjust Slider Handle

Nice-to-have suggestion: the ability to change the slide handle width. The height is fine, but on mobile devices, I think being able to increase the width will make it more user-friendly for the fat-fingered types.

Slider

answered on 04 Apr 2012

0 answers

144 views

how to set the strip lines in chart

can you please give the example for how to set the strip lines property in chart

please help me urgently

Thanks in advance.

Charts

asked on 04 Apr 2012

0 answers

71 views

How to know when chart is loaded completely.

Hi~
I wanna know when chart is loaded completely.
Is there any chart method or function?

I have one more question.

Chart tooltip is showed when user does mouse over, isn't it?
I wanna show chart tootip always on specific area.

Please~

Thank you for your concern.

Charts

asked on 04 Apr 2012

3 answers

261 views

Bug while setting CSS in template

The KendoGrid does not seem to handle some CSS settings within a template.

$("#myList"

).kendoGrid({

	dataSource: mySource

	columns: [

		{ field:

"SupplierName", title: "Vendor Name:"

},

		{ field:

"ColorCode", title: "Vendor Status", template: '<div style="width: 50px; height:20px; background-color: #FF16DC04">#= ColorCode #</div>'

}]

	});

The # is causing problems even when not grouped together with the equal sign (=).

Templates

answered on 03 Apr 2012

3 answers

122 views

Templates are not for forms, correct?

I've done some preliminary tests and it seems that Kendo templates shouldn't be used for form elements. While the templates create the forms fine, it's not possible to reference input elements from jQuery, since it's just created in memory.

In other words, click events from buttons don't work.

I just want some confirmation about this. If I'm wrong, please clarify.

Thanks,

King Wilder

Templates

answered on 03 Apr 2012

0 answers

125 views

Autocomplete custom suggestions

I want to use a search box that will have some "intelligent" autocomplete to it. For example, if a user enters "c (some text", I want to only suggest based on the text after the (. That part seems easy enough. However, I want to be able to append the chosen id for the autocomplete after the (. Then, if the user enters ", some more text", (the input should look like "c (id1, some more text"), I want to autocomplete after the comma and insert the id at that point.

I'm looking to build a context aware autocomplete that will only present proper options based on the text before it and keep the preceding text because it is useful to the search function.

How would I go about doing this using the Kendo UI Autocomplete control?

Jason

AutoComplete

asked on 03 Apr 2012

5 answers

159 views

Once the box clears, it doesn't autocomplete anymore

http://screencast.com/t/t90lodAfe

See at about 20 seconds when remove the text in there and try to search for bread...just after that I reload the page and do it again, and it works.

AutoComplete

answered on 03 Apr 2012

1 answer

169 views

Does the DataSource component support CORS in IE9?

I have the following code which works perfectly in Chrome and Firefox, but it does not work in IE9. The server has the correct CORS header Access-Control-Allow-Origin

I don't get any errormsg in IE, but when i start network trace in the F12 developer tools I Can see that it is not trying to read data at all. api.rambase.net is never accessed.

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title></title>

<link href="styles/kendo.common.min.css" rel="stylesheet" type="text/css" />

<link href="styles/kendo.default.min.css" rel="stylesheet" type="text/css" />

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

<script src="js/kendo.web.min.js" type="text/javascript"></script>

</head>

<body>

<div id="grid"></div>

<script>