Questions on Kendo UI for jQuery Forum

4 answers

419 views

I have a panel bar with several items inside. Each <li> item has a regular HREF link, which, when clicked, redirects the page as it is supposed too.

Problem is, when I try to override a link using jQuery or just bind a click event to any element within the panel bar, nothing works.

I think I am missing something here. The list item is as follows:

<li><a class="popup" href="gosomehwereelse">click me</a></li>

The jQuery code I have is:

$("a.popup").click(function (e) {

e.preventDefault();

// do something...

});

No matter what I try, it seems impossible to override link clicks when the link is inside a panel bar list...

PanelBar

answered on 04 Apr 2012

0 answers

86 views

Strange behaviours in Kendo Grid!

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

204 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

378 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

137 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

258 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

119 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

156 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