Questions on Kendo UI for jQuery Forum

1 answer

169 views

Does anybody have any ideas on how to add labels to a connection within a Kendo UI diagram? The diagram is bound to a collection of "nodes" and those nodes have been passed from the server in such a way that allows the diagram to display the hierarchical models using MVVM. With that being said, the visual connections are created automatically through the use of the HierarchicalDataSource although there's no way to add labels to those connections without writing a lot of code. Ultimately, I'm using the diagram's itemBoundsChange event to try to keeping track of when positions change within the Diagram and then add TextBlocks to the diagram which should appear to the side or on top of the connection. When I attempt to add a basic shape to the diagram from within this method, I am gettinga a "drawingContainer" is undefined or missing properties exception.

Diagram

answered on 22 Aug 2014

1 answer

94 views

DropDownList Server Filtering not Working in IE8

Hello,

Using IE9 with browser & document mode set to IE8, this demo won't filter:

http://demos.telerik.com/kendo-ui/combobox/serverfiltering

Any plans to fix this?

Thanks

DropDownList

answered on 22 Aug 2014

9 answers

616 views

Grid Sort Event

Hi,

Is it possible to capture the event when a grid is sorted and to know on which column it was sorted by?

J

Grid

answered on 22 Aug 2014

1 answer

199 views

Marker Clustering

Is Marker Cluster possible in Kendo map? If yes than please suggest me how it will be.
Please check attachment to see what i want.

Map

answered on 22 Aug 2014

1 answer

101 views

Defined instead of inline

How would I assign a defined template instead of using the inline template for a list view?

$("#serversLineup").kendoListView({
       dataSource: dataServersOnFloor,
       template: "<div data-uid='#:uid#' data-name='#: Name #' class='dragClass' data-id='#: Id #' data-is-lineup='#: IsOnFloor #'>#: Name #</div>"
   });

thanks.

Templates

answered on 22 Aug 2014

1 answer

61 views

How to have a navigator on a non StockChart chart?

Was wondering if the navigator option is available on Regular column charts (not stockcharts)?
I guess it would be possible to do by adding another pane with selection and some code for handling it, but wanted to know if an easier way exist?

Charts

answered on 22 Aug 2014

3 answers

563 views

Grid wont resize within a splitter

Hi I am having some issues with a grid within a splitter. I have three panes and the grid is in the middle. If i open and close either pane the grid will re size to stay visible without a scroll bar. but if you manually re size a column and then open a splitter it does not re size like it did before. Is there something im missing? here is a JSbin that shows whats happening

http://jsbin.com/fuhuvecisova/1/edit

if that doesnt work here is the code that does it.

<!DOCTYPE html>
<html>
<head>
<base href="http://demos.telerik.com/kendo-ui/splitter/index">
<style>html { font-size: 12px; font-family: Arial, Helvetica, sans-serif; }</style>
<title></title>
<link href="http://cdn.kendostatic.com/2014.2.716/styles/kendo.common.min.css" rel="stylesheet" />
<link href="http://cdn.kendostatic.com/2014.2.716/styles/kendo.default.min.css" rel="stylesheet" />
<link href="http://cdn.kendostatic.com/2014.2.716/styles/kendo.dataviz.min.css" rel="stylesheet" />
<link href="http://cdn.kendostatic.com/2014.2.716/styles/kendo.dataviz.default.min.css" rel="stylesheet" />
<script src="http://cdn.kendostatic.com/2014.2.716/js/jquery.min.js"></script>
<script src="http://cdn.kendostatic.com/2014.2.716/js/angular.min.js"></script>
<script src="http://cdn.kendostatic.com/2014.2.716/js/kendo.all.min.js"></script>
</head>
<body>

<div id="example">
<div id="vertical">
<div id="top-pane">
<div id="horizontal" style="height: 100%; width: 100%;">
<div id="left-pane">
<div class="pane-content">
<h3>Inner splitter / left pane</h3>
<p>Resizable and collapsible.</p>
</div>
</div>
<div id="center-pane">
<div id="example">
<div id="grid"></div>

<script>
$(document).ready(function () {
$("#grid").kendoGrid({
dataSource: {
type: "odata",
transport: {
read: "http://demos.telerik.com/kendo-ui/service/Northwind.svc/Customers"
},
pageSize: 20
},
height: 550,
groupable: true,
sortable: true,
resizable: true,
pageable: {
refresh: true,
pageSizes: true,
buttonCount: 5
},
columns: [{
field: "ContactName",
title: "Contact Name",
width: 200
}, {
field: "ContactTitle",
title: "Contact Title"
}, {
field: "CompanyName",
title: "Company Name"
}, {
field: "Country",
width: 150
}]
});
});
</script>
</div>
</div>
<div id="right-pane">
<div class="pane-content">
<h3>Inner splitter / right pane</h3>
<p>Resizable and collapsible.</p>
</div>
</div>
</div>
</div>

</div>

<script>
$(document).ready(function() {
$("#vertical").kendoSplitter({
orientation: "vertical",
panes: [
{ collapsible: false },
{ collapsible: false, size: "100px" },
{ collapsible: false, resizable: false, size: "200px" }
]
});

$("#horizontal").kendoSplitter({
panes: [
{ collapsible: true, size: "120px" },
{ collapsible: false, },
{ collapsible: true, size: "120px" }
]
});
});
</script>

<style scoped>
#vertical {
height: 380px;
width: 700px;
margin: 0 auto;
}

#middle-pane { background-color: rgba(60, 70, 80, 0.10); }
#bottom-pane { background-color: rgba(60, 70, 80, 0.15); }
#left-pane, #center-pane, #right-pane { background-color: rgba(60, 70, 80, 0.05); }

.pane-content {
padding: 0 10px;
}
</style>
</div>

</body>
</html>

Splitter

answered on 22 Aug 2014

2 answers

126 views

Assigning values from one datasource to another

Hi,
I have a page that has three different datasources bound to a host of grids, text boxes, drop downs, etc. All three datasources are being saved at the same time via a single button that fires the sync event for all three datasources. I need to update a field in one of the grids with a calculated value from a different grid (bound to a different datasource) WITHOUT calling the sync function sending updates to the server. I can successfully retrieve the value from the source grid in the change event, but I am not sure how to assign that value to the field in the other datasource. Any ideas?

Thanks

Data Source

answered on 21 Aug 2014

5 answers

860 views

Uneditable KendoMultiselect

Hello,

i would like to use multiselect only for selecting multiple items but not add/edit. So i do not Need it editable. can i achieve that? If i make it readonly then i cannot select item even. please suggest what to do.

Thanks

Anamika

MultiSelect

answered on 21 Aug 2014

1 answer

149 views

Dialog: Load initial content from Javascript

I have an error dialog window I need to open where the content is the result of a Http/REST error from the server. How do I set the content of the body of the window dynamically?

Window

answered on 21 Aug 2014