Questions on Kendo UI for jQuery Forum

1 answer

263 views

Parent node checked only when expand (using SetDataSource)

Example of this problem in Dojo

How to resolve?

<!DOCTYPE html>

<html>

<head>

<base href="http://demos.telerik.com/kendo-ui/treeview/checkboxes">

<style>html { font-size: 14px; font-family: Arial, Helvetica, sans-serif; }</style>

<title></title>

<link rel="stylesheet" href="//kendo.cdn.telerik.com/2016.2.504/styles/kendo.common-bootstrap.min.css" />

<link rel="stylesheet" href="//kendo.cdn.telerik.com/2016.2.504/styles/kendo.bootstrap.min.css" />

<script src="//kendo.cdn.telerik.com/2016.2.504/js/jquery.min.js"></script>

<script src="//kendo.cdn.telerik.com/2016.2.504/js/kendo.all.min.js"></script>

</head>

<body>

<div id="example">

<div class="demo-section k-content">

<div>

<h4>Check nodes</h4>

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

</div>

<div style="padding-top: 2em;">

<h4>Status</h4>

<p id="result">No nodes checked.</p>

</div>

<script>

$("#treeview").kendoTreeView({

checkboxes: {

checkChildren: true

},

check: onCheck

});

$("#treeview").data("kendoTreeView").setDataSource([{

id: 9, text: "Reports", spriteCssClass: "folder", items: [

{ id: 10, text: "February.pdf",checked:true, spriteCssClass: "pdf" },

{ id: 11, text: "March.pdf", spriteCssClass: "pdf" },

{ id: 12, text: "April.pdf", spriteCssClass: "pdf" }

]

}]);

// function that gathers IDs of checked nodes

function checkedNodeIds(nodes, checkedNodes) {

for (var i = 0; i < nodes.length; i++) {

if (nodes[i].checked) {

checkedNodes.push(nodes[i].id);

}

if (nodes[i].hasChildren) {

checkedNodeIds(nodes[i].children.view(), checkedNodes);

}

// show checked node IDs on datasource change

function onCheck() {

var checkedNodes = [],

treeView = $("#treeview").data("kendoTreeView"),

message;

checkedNodeIds(treeView.dataSource.view(), checkedNodes);

if (checkedNodes.length > 0) {

message = "IDs of checked nodes: " + checkedNodes.join(",");

} else {

message = "No nodes checked.";

}

$("#result").html(message);

}

</script>

<style>

#treeview .k-sprite {

background-image: url("../content/web/treeview/coloricons-sprite.png");

}

.rootfolder { background-position: 0 0; }

.folder { background-position: 0 -16px; }

.pdf { background-position: 0 -32px; }

.html { background-position: 0 -48px; }

.image { background-position: 0 -64px; }

</style>

</div>

</body>

</html>

TreeView

answered on 09 May 2016

1 answer

176 views

Gantt chart tree structure data

Hi,

I have a Gantt chart tree structured data. I have accomplished using 'summary=true' on data source. The issue is my web service provides only the parent level data first. On expand of an item, I need to make a call to get the next level data and dynamically insert into it. seems there is no event on expand and not sure how to deal with this scenario.

Any help is appreciated.

Thanks

Gantt

answered on 09 May 2016

3 answers

159 views

Reorder and then sort

We have Kendo UI version 2015.3.930. We have a page with a single grid which uses server-side filter, paging, and sorting via odata, and noticed that if you reorder a column manually through the browser, and then manually try to sort the moved column, it will take on the values of the other column. Is this a known bug or is there something I need to do to avoid this problem?

Grid

answered on 06 May 2016

2 answers

255 views

Updating ExpandoObject.

Hi! I'm using a IEnumerable<dynamic> as a model, as show in this forum thread.
http://www.kendoui.com/forums/mvc/grid/kendo-mvc-grid---data-binding-to-dynamic-object-model.aspx

But when i try to add editing option to my grid

.Editable(editable => editable.Mode(GridEditMode.InCell))

i've got a mistake. Does Kendo UI Grid allow editing dynamic objects? Thanks.

Grid

answered on 06 May 2016

3 answers

452 views

Hierarchical Grid linking child to parent DataSource and saving as a JSON Object

Morning, guys!
I`m pretty new to Kendo UI and yesterday I've encountered a problem which seems to be impossible for me to solve. Basically, I've got a Kendo hierarchical grid where I can add a new record for both parent and children by clicking a button. It looks something like this: http://jsbin.com/ubiruc/12/edit?html,js,output . I'm caught with 2 problems:
1) At the start, my whole grid is empty. If I add rows and then their details, all fine. But if I add a row, its details and after that another row in the main grid, the added details for first parent disappears.

2) Stuck on how to save the whole structure in a JSON Object after I finished adding my wanted records.
Hope someone can help me out with this as I've been searching the internet for over 6 hours and nothing. Thanks in advance, have a great day!

Grid

answered on 06 May 2016

2 answers

752 views

Programmatically hide a chart column according to category

Hi
We look for a way to programmatically hide a certain column from a chart according to its category value and user selection. For example look at the following basic columns chart dojo:
http://dojo.telerik.com/eyaFi

How can we hide from this chart the column of year 2005 programmatically?

Notice we look for a way to hide/show it programmatically and dynamically without manipulating the chard data

Thanks,

Ron

Charts

answered on 05 May 2016

5 answers

480 views

Cascading DropDownList MVVM Binding Problem

Hello,

I have a problem when using cascading drop down lists and the MVVM source and value bindings. I created a demo here: http://dojo.telerik.com/EweGO/2

Selecting something in the first drop down ("province") causes the displayed value in the second drop down ("location") to update as expected. But even though both province and location are bound to the view model with the value binding only the province will actually be set on the view model as can be seen in the console log. So the location value does not change on the view model but is displayed in the view. It should be either empty or set in both. Is this a bug or am I missing something?

DropDownList

answered on 05 May 2016

1 answer

206 views

'Required' not working in custom template

I can't get the 'required' attribute to work on selectboxes and radio buttons in Kendo UI custom templates.

I have a Kendo Scheduler. I then have a custom template that contains the form for adding/editing items. In that form are a group of radio buttons that by default are all unchecked. Also a selectbox that is unselected by default.

Using required="required" has no effect on either.

How do I restore this basic html5 functionality within the kendo custom template?

Scheduler

answered on 05 May 2016

5 answers

191 views

Get X&Y value of scatter chart on drag

Hiya,

I was trying to get the x&y value of a scatter chart while dragging a point. I was able to get the x&y value using the plotAreaClick event but could not do the same in the drag and also on the dragStart and dragEnd events. Can you show me a way to achieve this?

Best regards,

Ruby

Charts

answered on 05 May 2016

1 answer

151 views

SignalR create record puts new row at bottom of grid - how do we make it go to the top?

Users are creating a new record for a bound grid inside of a popup. Upon return, the new row is created via SignalR & the .create method but it's showing at the bottom of the grid. Is it possible to place the new record at the top of the grid (w/out changing sort)?

For, refreshing the grid is a partial workaround (SO link below), but still does not place the row where we would like it.

Thanks!

http://stackoverflow.com/questions/29529318/how-to-use-signalr-datasource-with-kendo-grid

Grid

answered on 05 May 2016