Questions on Kendo UI for jQuery Forum

3 answers

295 views

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

296 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.4K+ 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

240 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

141 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

133 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

169 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

13 answers

2.0K+ views

hide columns in grid kendo

Good morning. I need to hide columns in grid kendo?
as I can do that when grouping columns hide the column that is grouped?

thanks

Grid

answered on 13 Sep 2012

1 answer

159 views

Slider Panel like BxSlider?

I'm using bxSlider http://bxslider.com/ to manage 'pages" for a long form.
I like it but it doesn't do touch.

Does KendoUI have a control that can be configured to act like a panel slider? The PanelBar looks promising but I don't want the user to see more than Next<>Previous options

Thanks
Pat NH USA

General Discussions

answered on 13 Sep 2012

1 answer

145 views

Drag & Drop issues in TreeView

Hello, I am having some issues with TreeView that I need help resolving:

Issue #1:

Below code works, and sprites show up, until you drag an item. After that tags get stripped.

<ul id="hosts">

<li id="host1">host1</li>

<li id="host2">host2</li>

<li id="host3">host3</li>

</ul>

$('#hosts').kendoTreeView({

dragAndDrop: true,

});

Issue #2:

When moving last item from one TreeView to another, it is impossible to drag anything back.

How do i fix this??

TreeView