Questions on Kendo UI for jQuery Forum

4 answers

224 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

410 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

149 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

79 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

272 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

143 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

132 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

174 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

178 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>

$(document).ready(function () {

var myDatasource = new kendo.data.DataSource({

transport: {

read: {

url: "http://api.rambase.net/sales/customers/",

dataType: "json",

data: {

access_token: "pJqsseeESsdfse-d9_8CMQPsLg2"

},

beforeSend: function (req) {

req.setRequestHeader('Accept', "application/json");

}

},

schema: {

data: "customers.customer"

}

})

$("#grid").kendoGrid({

dataSource: myDatasource

});

</script>

</body>

</html>

Data Source

answered on 03 Apr 2012

1 answer

143 views

KendoDropDownList submits Option Label text as its value

<select name="select1" id="select1">

<option value="">-- select --</option>

<option value="1">One</option>

<option value="2">Two</option>

</select>

When I do $("#select1").kendoDropDownList() the submitted value becomes "-- select --" instead of ""

The value of the option label is empty string, the submitted value should be empty string.

DropDownList

answered on 03 Apr 2012