Questions on Kendo UI for jQuery Forum

1 answer

535 views

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

148 views

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

112 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

72 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

125 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

112 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

1 answer

111 views

Using ModalView in a SplitView Pane

We are trying to activate the ModalView element to cover the whole page from a button in one of the SplitView panes. If we include the modal view div in the same pane as the button, the modal view works but only covers that pane. If we try moving the modal view div outside the pane, we get an 'openFor' undefined error. If we try to add the modal view div into the split view panel, we get a formatting/layout error. How can we cover the whole page with the modal view with a button in a split view?

ModalView

answered on 29 Jun 2012

3 answers

129 views

transitions: false doesn't work?

I have my gauge bound with MVVM, and when I change the value the gauge animates...

Even though I tell it not to

$("#phase-gauge").kendoRadialGauge({

transitions: false,

pointer: {

color: "#FF5770"

},

scale: {

min: 1,

max: 7,

majorUnit: 1

}

});

LinearGauge

answered on 29 Jun 2012

1 answer

134 views

Validation tooltip shows the single quote html-encoded.

Hello,

I have a single quote in my required field validation message (e.g. Required(ErrorMessage="The field 'xxx' is required.") ). When the validation fails, the tooltip will show "The field 'xxx' is required". Is this a bug or is there a way to get around it? Although this happens on the MVC wrapper, I've seen this issue on the regular kendo UI as well (I saw this issue on my custom validator back then). Hopefully this is the right place to post the issue.

Thanks,
Ben

Grid

answered on 29 Jun 2012

0 answers

137 views

Rebinding datasource when opening Dropdownlist

I have a project where I have several (4) linked, but not cascading DropDownLists.

If a value is selected in DropDownList1 I want the available items in dropdown 2 ,3 and 4 to be changed

If a value is selected for DropDownList2, the values for DropDownList3 and DropDownList4 will be different.

Any DropDownList can be selected without selecting a DropDownList further up the hierarchy.

I can get the initial values of the DropDownLists loading correctly, however when a dropdown list is opened, I need to check the values of the other dropdowns to determine the values in the selected box.

My question is:
Can I rebind a dropdownlist (during the open event) to an updated datasource, and how is it best to trigger this datasource update with new data parameters from all of the relevant selected dropdownlists.?

I have spent *some* time going through the forums and documentation , but cannot find anything really relevent to what I require.

Thanks
Shane

DropDownList

asked on 29 Jun 2012