Questions on Kendo UI for jQuery Forum

1 answer

2.1K+ views

Issue with setting combobox selected value via JQuery $('#select').val('new value')

Hello,
Anyone come across this issue where the combobox widget does not display the selected item when using JQuery.val to set selected value.
Steps to reproduce:
- Go to to the demo page: http://demos.kendoui.com/web/combobox/index.html
- Open the Firebug console or similar.
- Enter the following:
$('#select').data('kendoComboBox').value() --> outputs the current value: 'X-Small'
$('#select').val() --> Also outputs the same
$('#select').val('Small')

- Notice that the widget still displays 'X-Small', but both $('#select').data('kendoComboBox').value() and $('#select').val() return 'Small'

Thanks.

ComboBox

answered on 14 Sep 2012

0 answers

143 views

Selected node binding to VM?

Is there a way to bind TreeView's selected node to a MVVM view model?
If not, what are recommended or popular workarounds? Or should I give up MVVM and use TreeView without it?

TreeView

asked on 14 Sep 2012

5 answers

200 views

Odata v3 Features

How would I go about creating this query with the datasource?

http://services.odata.org/V3/Northwind/Northwind.svc/Customers()?$filter=Orders/any(o:substringof('alf',o/ShipName))&$expand=Orders

I currently don't see how I could get this to work with what is available. Thanks for the help in advance.
-Jon Ross

Data Source

answered on 14 Sep 2012

3 answers

315 views

Kendo UI Grid - Model.ID

I have written the following code using ASP.NET MVC3 and it's throwing me an error at the bold line(.Model(Function(model) model.id(Function(p) p.CostCentreID). It's saying that the expression does not produce a value? I thought it's asking for a primary key column only? Isn't that the case?
Please help
@ModelType IEnumerable(Of Mail.BAL.CostCentre)

@Code
    ViewData("Title") = "Index"
End Code

@(Html.Kendo().Grid(Model) _
    .Name("CostCentres") _
    .Columns(Function(modelItem) modelItem.Bound(Function(p) p.CostCentreID).Hidden) _
    .Columns(Function(modelItem) modelItem.Bound(Function(p) p.CostCentre)) _
    .Columns(Function(modelItem) modelItem.Bound(Function(p) p.Active)) _
    .ToolBar(Function(toolbar) toolbar.Create()) _
    .Groupable() _
    .Pageable() _
    .Sortable() _
    .Scrollable() _
    .DataSource(Function(datasource) datasource _
                    .Ajax() _
                    **.Model(Function(model) model.Id(Function(p) p.CostCentreID)) _**
                    .Create(Function(create) create.Action("Create", "Home")))
   )

Grid

answered on 14 Sep 2012

2 answers

311 views

Highlighting the selected item

What is the simplest way to hightlight the selected top level menu item using the Server Side Kendo Menu MVC Helper? The default behaviour does not highlight the selected item.

All I have is

@(Html.Kendo().Menu()
					.Name("menu")
                                    .Items(menu =>
                                    {
                                        menu.Add().Text("Home").Action("Index", "Home");
                                        menu.Add().Text("About").Action("About", "Home");
                                    }).Events(events => events.Select("onSelect"))
                    )

in my Layout.cshtml razor page. A small sample project would be ideal, if there is no simple way to hightligh the selected item.

Any help would be appreciated.
Thanks
Jean

Menu

answered on 13 Sep 2012

5 answers

1.5K+ views

kendoNumericTextBox currency value with 2 digit precision

Good day,

I have a numeric textbox which looks like this:

$('#feeValue').width(250).kendoNumericTextBox({
	format: 'c2'
});

My culture is "en-ZA".

I need the textbox to allow me to change the cents value when I enter a currency amount.

Right now if I enter "R 5,25", as soon as the textbox looses focus, it changes the value to "R 5,00". It doesn't seem to round down, because if I enter "R 5,85", it still then goes back to "R 5,00".

I tried to set the "decimals: 2" parameter, and still nothing.
Is it maybe a type of format I need to have to be able to edit the cent value of the amount?

Can someone please point me in the right direction?

Thank you for your help.

NumericTextBox

answered on 13 Sep 2012

2 answers

270 views

timepicker in kendo template format on selection

I have a timepicker which is defined in a kendo template. The timepicker behaves as you would expect for a timepicker (drop down of times). But when a time is selected from the dropdown, It then displays a full datetime string (Wed Sep 21...). It does not behave as the timepicker does in the MVVM widget binding example (http://demos.kendoui.com/web/mvvm/widgets.html), which displays a time upon selection. How can I get the timepicker to display just a time when selection from the dropdown is made?

DatePicker

answered on 13 Sep 2012

2 answers

156 views

Hot to update the Title on an existing chart?

var chart = $("#chart").data("kendoChart");

chart.title.text = "Test";

Does not do it.
I get a JS exception:

Error: TypeError: chart.title is undefined

Thanks in advance for any help!

Charts

answered on 13 Sep 2012

0 answers

141 views

How to extract an id from the datasource and set as a div id?

Hello

I got a datasource returning following:

[

{"id":"1","text":"host1","spriteCssClass":"server"}

{"id":"2","text":"host2","spriteCssClass":"server"}

]

and following code

$("#treeview-hosts").kendoTreeView({

dragAndDrop: true,

dataSource: {

transport: {

read: {

url: "/main/getEnvHosts",

type: 'POST',

data: '{"env":"'+env+'"}',

}

},

schema: {

model: {

id: "id"

},

}

});

I need to extract the ID from DataSource and have it assigned to the element, but not entirely sure how to to that. Available documentation is rather confusing...

TreeView

asked on 13 Sep 2012

2 answers

187 views

Batch Edit Issue

Hi,

I have a grid marked as Batch Editable. Only one cell is editable, I can do this by the field list of the Datasource like this:

fieldList['cellname'] = { type: 'number', editable: true };

It is working ok. When you change a cell in a row the Grid set a visual clue, like Excel, indicating that the cell has been changed.

The problem is when you, before saving the changes, navigate to another, using the pageable control. If you return
to the previous page the visual sign disappears. Internally the row is marked as dirty but there is visual sign
anymore.

How can I fix That ???

If this is a known bug I need to detect the event of page change so that I can warn the user of non saved fields.
How can I do that ???

Thanks in advance

Grid

answered on 13 Sep 2012