Questions on Kendo UI for jQuery Forum

1 answer

377 views

[Solved] Set focus on autocomplete control?

Seems like a dumb question but I can't figure out how to set focus. I tried:

$("#controlName").data("kendoAutoComplete").input.focus();

the above works for a dropdown but not autocomplete, input appears to be undefined. How do I manually set focus on a kendoAutoComplete?

AutoComplete

answered on 30 Jun 2012

0 answers

125 views

Cancel Select event stack overflow

I am loading a panel by AJAX call
I tried to cancel the select event by calling

 e.preventDefault();

I got a stack overflow

[UPDATE]
I figured out that I got this error because my underlying ajax url was null.!!!
However, I can't prevent the panel from being opened even I cancelled the event

PanelBar

asked on 30 Jun 2012

0 answers

213 views

Using jquery to hide and then show divs leaves the kendo control hidden

I have a set of divs that I hide and only show one at a time according to a menu item.
The initial div has a bound kendo control inside it.
I use jquerys .hide() method to hide the div with the kendo grid inside it.
I DO NOT call .hide() on the grid, just its parent div.

Later on when I call .show() method the div shows up including other normal text inside the div shows up but not the kendo grid??

Once a kendo grid has its parent div hidden how do I make it appear again?

Is this a bug?

General Discussions

asked on 30 Jun 2012

0 answers

134 views

Kendo UI Js conflict with json.js

Hi Team,

We have requirement to pass the different data based on the date selection, for that we are using the following two files to search in json file and parsing the data.

json.js ( https://github.com/douglascrockford/JSON-js/blob/master/json.js)
jsonxpath.js(http://goessner.net/articles/JsonPath/)

When we use json.js we are getting "f.createElement is not a function" error and chart is not created.
If we remove json.js chart works fine.

we are in tight schedule , Kindly do let me know what's need to done to make it work,

Thanks
Moovendan

Charts

asked on 30 Jun 2012

1 answer

564 views

Change AutoComplete Drop Down Width

Is it possible to change the width of the drop down. Right now I have a text box that is about 100 pixels wide. The drop down that slides down is exactly the same size. However, the autocomplete results come back with both a code and a description. Each item in the drop down is wrapped across 2 to 3 lines. I would prefer to have each item to fit on one line (roughly 300 pixels wide). I adjusted the template to ensure each item had a width of 300 pixels, but all that did was put a horizontal scroll bar in the drop down.

I suspect it is not possible out of the box since there isn't any documentation on doing so. It also appears that the drop down is wrapped in a div that had its width set through JavaScript. Nonetheless, has anyone successfully implemented this?

AutoComplete

answered on 29 Jun 2012

2 answers

158 views

[Solved] Problem using get and set on data in an array

I have a view-model with a property called fields that is attached to my datasource's view, which will have some data similar to this:

[{

Id: 1,

Name: 'Email',

Type: 'Email',

Default: '',

Display: true,

Identifier: true

}, {

Id: 2,

Name: 'First name',

Type: 'Text',

Default: 'Fistname',

Display: true,

Identifier: false

}, {

Id: 3,

Name: 'Last name',

Type: 'Text',

Default: 'Lastname',

Display: true,

Identifier: false

}, {

Id: 4,

Name: 'City',

Type: 'Text',

Default: '',

Display: true,

Identifier: false

}]

I'm using the following row-template to make a sort of grid with a column that has an edit button in it.

<script id="row-template" type="text/x-kendo-template">

<tr data-uid="#= Id #">

<td align="center">

<a href="javascript:void(0);" data-bind="click: edit" class="editRow">edit</a>

</td>

<td data-bind="text: Name"></td>

<td data-bind="text: Type"></td>

<td data-bind="text: Default"></td>

<td align="center"><input type="checkbox" data-bind="checked: Display" /></td>

<td align="center"><input type="checkbox" data-bind="checked: Identifier" /></td>

</tr>

</script>

This all works great until the click event (edit function in view-model) is called. While I am inside the edit function I can not use the get or set functions to work with the data unless I state the index of the entry from the view-model I want to edit.

edit: function(e){

this.set('fields[' + (e.data.Id -1) +'].Default', 'Clicked');

}

This will only works as long as the Ids in my data start at 1 and are always sequential, which is not very likely. You can see this here (http://jsfiddle.net/garrett55/aYMRn/) in the fiddle I created for this post.

Am I missing the right way to do this? Is there an easier way to get the index of the data I want in the view-model?

MVVM

answered on 29 Jun 2012

0 answers

122 views

Is there a Columns.LoadSettings() equivalent for chart series?

Hi,

Currently in KendoUI for MVC, one can load the columns for a KendoGrid by writing this in the view,

@(Html.Kendo().Grid<Object>(
    .Name("Some name")
    .Columns(columns =>
    {
        columns.LoadSettings((IEnumerable<GridColumnSettings>)ViewData["Columns"]);
    })
    // ...
)

where ViewData["columns"] has been set in the controller.

I'm wondering if there is some similar way of loading several series for a KendoChart. I know I could probably accomplish this using javascript and an AJAX call, but I would rather use Razor for as much as I can, and I would like to avoid making too many server calls.

Thanks!

Charts

asked on 29 Jun 2012

1 answer

84 views

kendo grid virtualization works with groups

Good afternoon
In kendo grid virtualization works with groups?

When I make the scroll and this enabled the virtualization and I have a group, are made many calls to the server, a call is in infinite

Please can you help me with this issue

thanks

Grid

answered on 29 Jun 2012

1 answer

143 views

Add href's to NavBar?

Hello,

From what I am seeing in the demos, NavBar just displays a static list... What would be the proper way to link each "Nav" item to another view?

Thanks!
-Ronnie

NavBar

answered on 29 Jun 2012

1 answer

119 views

html displayed before kendo mobile is initilazed

The HTML within my initial view is displayed momentarily without Kendo styling before kendo is initialized. Is there a way to stop this from happening?

Application

answered on 29 Jun 2012