Questions on Kendo UI for jQuery Forum

12 answers

342 views

missing icons in tabstrip with platform=ios on android

Hi Kendos,

I'm playing with Kendo and ran in to a problem. When I try to force ios-look on Android mobile with this code

<script>
new kendo.mobile.Application($(document.body), {
platform: "ios"
});
</script>

all the icons in the tabstrip disappear and leave only a blue square. Same with data-icon used in listview. Are there any solution to this problem???

Application

answered on 14 Sep 2012

1 answer

315 views

Destroying tab content

Hi folks,

maybe my question is a bit un-kendoish but i am thinking about performance during the lifetime of an application. My users can open as many tabs as they wish and close them, too. When a tab is removed its elements are removed from the DOM. What happens to the event handlers attached to them? Are they automatically removed as well to allow garbage collection of the no-longer-pointed-to objects?

Every time a tab is opened its page is downloaded and its 'code-behind' script is loaded into memory. In the Visual Studio Cassini you can see that these scripts are never unloaded from memory. Probably the objects created in the scripts will stay in the interpreter's scope forever, as they are interrelated with each other. What would be the best strategy to keep those leaks small? Putting as few code into these scripts as possible is probably a good idea, but what else? Delete everything by hand? Or is there any way to unload a script?

All the best
Kai

TabStrip

answered on 14 Sep 2012

18 answers

989 views

attach key and value pair to node

Is there a way to attach key value pair to node like you have in Treeview of ASP.NET MVC?
Something like this

new TreeViewItem
                                {
                                    Text = item.FirstName + " " + item.LastName,
                                    Value = item.EmployeeID.ToString(),
                                    LoadOnDemand = item.Employees.Count > 0,
                                    Enabled = true
                                };

TreeView

answered on 14 Sep 2012

1 answer

274 views

how to expand the async treeview node

my treeview ::
var opcPath = "";
var dataSource = new kendo.data.HierarchicalDataSource({
transport: {
read: {
url: "../fwp/getOPCTree.fwp?opcPath=" + opcPath,
type: "GET",
dataType: "json"
}
},
schema: {
model: {
id: "opcPath",
hasChildren: "hasChildren"
}
}
});
//初始化OPC树
treeview = $("#opcTreeView").kendoTreeView({
select: onOPCTreeSelect,
dataSource: dataSource,
dataTextField: "nodeName",
dataSpriteCssClassField: "nodeCSS",
dataImageUrlField: "imageUrl"
});

the treeview is async!!!!
i can get the id "opcpath".
when the root is expand,
but the child is not expand,
then i want to expand the child child child .....node through the id.
how to do??

TreeView

answered on 14 Sep 2012

1 answer

2.0K+ 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

122 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

176 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

275 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

277 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