Questions on Kendo UI for jQuery Forum

3 answers

356 views

MinLength 0?

I would like for my autocomplete box to populate on focus and then filter down as the user types, essentially giving it a minlength of zero. Just setting the minlength to 0 doesn't seem to do it. I also tried using a combobox instead but it only makes a single web service call and then filters down the data from the call (instead of retrieving fresh data).

The reason that doesn't work for me is the resulting data can be anywhere from 0 to thousands, and my web service only returns the top 20 results, so I need to refreshing the datasource as the user types. The autocomplete does this perfectly, but like I said I just can't get it to populate without any user input.

What do you recommend?

AutoComplete

answered on 25 Oct 2012

3 answers

57 views

// Strange this one is...

JustCode is reporting an error on kendo.mobile.all.min.css
and the source is "// Strange this one is..." on line 9 Col 111356

There are a total of 142 error in kendo.mobile.all.min.css

Maybe somebody should dogfood the all the css files

Pat NH USA

General Discussions

answered on 25 Oct 2012

4 answers

193 views

After error, grid is unresponsive

In the current screen where I am working with the Kendo Grid, I send a JSON object that will be validated by the webservice before it sends results back.

When I send data however that causes a business validation error (incorrect combination), the webserver returns a 400 Error, and the error message which I handle in the error handler (
error: function(e){
//JqueryPopup showing message
}

After however, my grid is completely unresponsive. I can no longer sort, refresh the datasource, or any other activity. Even when I take out all error handling, the behaviour is the same.

Is there something wrong with my implementation?

I have found a work around - The Datasource has flagged it a Request in progress (datasource._requestInProgress = true)

It works after I reset this flag to false, but i'm not sure why this is occurring in the first place.

thanks!

Grid

answered on 25 Oct 2012

0 answers

110 views

Grid paging without OData

Is there any way to do paging in Kendo Grid without resorting to OData?

I just want the skip and take parameters passed into my controller. That's all I need. OData breaks a whole bunch of encapsulation for us and is just such a tremendous burden to implement without breaking existing architecture.

So please is there a way, to get to OData for paging without resorting to Web API or WCF Data services.

Thank you

Grid

asked on 25 Oct 2012

1 answer

157 views

grid popup editor numeric text box ignores culture

I have a grid with a pop-up editor that contains a date picker control and numeric text-box. On page load I change the kendo culture

kendo.culture("de-DE");

All data shows up correctly on the grid. Now when I click on "Edit", the popup shows up with the right date. But the value in the numeric text-box is not correctly displayed. It shows a "." instead of ",". (grid1.png)

And also when I change the values form 3.7 to 3.8; the numeric text box shows it as 38 instead of 3.8 (grid2.png)

Any ideas how this should be tackled?
Thanks.

Grid

answered on 24 Oct 2012

1 answer

140 views

Change Grid Detail Template

I have a KendoUI Grid that has a detail template defined. Is it possible to change the template on the fly?

I tried setting options.detailTemplate with a new template and also called refresh() but that didn't work.

Thanks,

victor

Grid

answered on 24 Oct 2012

1 answer

259 views

Validating and resetting a property in the View

I have a view with an input field that displays firstName. I want to apply some business logic to firstName. If the user violates the business logic, I want the view to display the "current" value for firstName.
.
Here is the view:

<div id="personFields">

<div class="field">

<div>First Name:</div><input data-bind="value: firstName" required />

</div>

<div class="field">

<div>Last Name:</div><input data-bind="value: lastName"/>

</div>

<div class="field">

<div>Full Name:</div><span data-bind="text: fullName"/>

</div>

<button data-bind="click: reset">Reset</button>

</div>

Here is the ViewModel:

var person = kendo.observable({

firstName: "John",

lastName: "DeVight",

fullName: function() {

return this.get("firstName") + " " + this.get("lastName");

},

reset: function() {

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

this.set("lastName", "DeVight");

}

}).bind("set", function(e) {

if (e.field == "firstName" && !e.value) {

e.preventDefault();

}

});

kendo.bind($('#personFields'), person);

When I change firstName to an empty value, the input field remains empty.

I tried changing the handler for the set event to this:

function(e) {

if (e.field == "firstName" && !e.value) {

var field = e.field;

var currVal = this.get(e.field);

this.set(field, currVal);

e.preventDefault();

}

But the input field still does not get reset to the "current" value. How do I do this?

Regards,

John DeVight

MVVM

answered on 24 Oct 2012

1 answer

300 views

How to use the .less output from the themeBuilder

Hi,

I've generated a less file via the theme builder and as written there (http://docs.kendoui.com/getting-started/themebuilder), I,ve also added the template.less to my project. So right now I have the following files :

- mixins.less
- kendo.default.less
- common.less
- template.less
- and finally my custom.less generated via the theme builder.

When I launch my website, I've got this error message :

variable @widget-background-color is undefined

in template.less on line 106, column 23:

105
```
{
```

106

    background-color: @widget-background-color;

107
```
}
```

What am I missing ?

Thanks

General Discussions

answered on 24 Oct 2012

1 answer

185 views

Backbutton appears on every page

Hi,

when I use the following layout for all my views I realized that the Back button appears on every view.

<section data-role="layout" data-id="default">

<header data-role="header">

<div data-role="navbar">

<a class="nav-button" data-align="left" data-role="backbutton">Back</a>

<span data-role="view-title"></span>

</div>

</header>

</section>

As far as I remember "jQuery mobile" automatically hides the back button on the first view by default - which is great because I surely don't want a back button on my first view.

Having the back button even on the first view, is that by design in Kendo mobile?

Thx
Ingmar

Button (Mobile)

answered on 24 Oct 2012

0 answers

205 views

DateTimePicker DataSource

I am trying to bind a DataSource to my DateTimePicker widget but I'm somewhat at a loss as to whether this actually works and how the data could be defined. Currently I'm using the following code.

var timeSource = new kendo.data.DataSource({

transport: {

read: {

url : "/cgi-bin/system.cgi?time",

dataType : "json"

}

});

$("#datetimepicker").kendoDateTimePicker({

dataSource: timeSource

});

And the server is returning json with the following format, I can change this part easily but I'm not sure what DateTimePicker is expecting.

[ { "time" : "Wed Oct 24 10:26:46 MDT 2012" } ]