Questions on Kendo UI for jQuery Forum

1 answer

554 views

TreeView expandTo not working

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8"/>

<title>Kendo UI Snippet</title>

<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2017.3.1026/styles/kendo.common.min.css"/>

<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2017.3.1026/styles/kendo.rtl.min.css"/>

<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2017.3.1026/styles/kendo.silver.min.css"/>

<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2017.3.1026/styles/kendo.mobile.all.min.css"/>

<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>

<script src="https://kendo.cdn.telerik.com/2017.3.1026/js/kendo.all.min.js"></script>

</head>

<body>

<div id="treeview"></div>

<script>

$("#treeview").kendoTreeView({

loadOnDemand: false,

dataSource: [

{ text: "foo", items: [

{ text: "bar", items: [

{ text: "baz" }

] }

] },

{ text: "one", items: [

{ text: "two", items: [

{ text: "three" }

] }

]

});

var treeview = $("#treeview").data("kendoTreeView");

var baz = treeview.dataItem(treeview.findByText("baz"));

console.log('baz', baz);

treeview.expandTo(baz);

// expand all nodes up to "three"

var three = treeview.dataItem(treeview.findByText("three"));

console.log('three', three);

treeview.expandTo(three);

</script>

</body>

</html>

When the id field is removed from the snippet, 'three' item in the expandTo call is not expanded.

I remember that the above code worked fine in the 2015.1.422 version.

TreeView

answered on 26 Dec 2017

1 answer

92 views

Is the style binding only one-way?

It would be cool if jQuery-UI draggable and resizable could update the top, left, resp. width, height properties in the viewmodel.

MVVM

answered on 25 Dec 2017

3 answers

149 views

Determine if Drag and Drop is valid after postback.

Hello everyone,

I am making a post-back as part of the drop event. I would like value of e.valid to be set whether the post-back was successful. The issue I run into is that since $.post(..) is an asynchronous call, the Treelist will determine whether the move is valid with the current value of e.valid before the data is returned from the post.

Is there a way to determine whether to complete the drop from the result of the post-back?

Thank You in advance

Kamal Singh

TreeList

answered on 22 Dec 2017

8 answers

3.2K+ views

[Solved] Kendo Dropdown - no vertical scroll bar

I am using the the kendo dropdown (HTML5 script), and this issue popped up recently where the vertical scroll bar is missing and the values that should be hidden show through the kendo window the drop down is in. Has anyone seen this issue before and know how to fix it.

DropDownList

answered on 22 Dec 2017

2 answers

1.7K+ views

Refresh Tab With Different ContentUrl

Trying to refresh a tab on the TabStrip with a different URL. The below code use to work but doesn't anymore since upgrading to the most resent 2017.3.1026 release.

var refreshUrl = '@Url.Action("TabContent", "Home")/' + param;

var tabstrip = $("#lobbyTabStrip").data("kendoTabStrip");

var tab = tabstrip.select();

$($('#tabStrip').find('a.k-link')[tab.index()]).data('contentUrl', refreshUrl);

tabstrip.reload(tab);

The URL isn't being updated, same url as before is being updated. What do I need to do to make this work again.

TabStrip

answered on 22 Dec 2017

5 answers

215 views

[Solved] Spreadsheet validation message shown twice

Hi!

Please have a look at this demo: http://dojo.telerik.com/AWamE

Try typing non-number values inside the phone section. You will get a validation message, but you have to click 2 times the "cancel" button to dismiss.

Spreadsheet

answered on 22 Dec 2017

3 answers

868 views

dataBound event fired when filtering

I'm using the kendo-multi-select directive (Kendo for AngularJS) with an array as a data source (no server filtering).
When I type in the multi select component to filter, the dataBound event is fired along with the 'filtering' event, although the documentation states that this event is "Fired when the widget is bound to data from its data source", which in my case is only once.

Is this the correct behavior for the dataBound event? Or is it a bug?
And if that's the correct behavior, what is the difference between the dataBound event and the 'filtering' event?

Thanks

MultiSelect

answered on 22 Dec 2017

1 answer

1.1K+ views

bootstrap dropdown menu in grid

Is it possible to have a bootstrap dropdown menu in a grid?

<button class="btn btn-xs btn-default dropdown-toggle" data-toggle="dropdown"><i class="fa fa-caret-down" aria-hidden="true"></i></button>
<ul class="dropdown-menu">
<li>
<a href="/home/redirecttosystem?systemid=1">Evidence</a>
</li>
<li>
<a href="/home/redirecttosystem?systemid=3">QMaster</a>
</li>
<li>
<a href="/home/redirecttosystem?systemid=4">Impound</a>
</li>
</ul>

Grid

answered on 22 Dec 2017

1 answer

184 views

icons for pinned states

Hello support,

are the icons for a window's pinned state (true/false) correct?

To me they seemed switched around.

Please see https://demos.telerik.com/kendo-ui/window/index

Shouldn't the icon for pinned = true state (where the window can't be dragged) be the vertical pin?

/Morten

Window

answered on 21 Dec 2017

1 answer

148 views

Conditional Client Grid

I have a parent grid that has two different views. Each has it's own child grid. I have the columns and data working just fine but I need to apply a different visual template to the entire child grid based upon the view of the parent.

I understand how to apply a conditional template to a row or column but How do I apply a conditional template for the entire grid?

Grid

answered on 21 Dec 2017