Questions on Kendo UI for jQuery Forum

1 answer

6.5K+ views

[Solved] Load grid on button click not at page load

Hi..
I have a MVC view.
I have a few textboxes and drop down lists and a kendo grid in it .
And I have a find button.
My controller code for reading records and edit and destroy are in place.
The problem is, when we configure the grid to read records,
It is displaying all the records in the grid at view load it self.
what I want is,
Initially when the view loads, the grid should not be visible. and it should not have any records.
When I click on the find button, it should fetch the records and display it in the grid.
In the grid, I should be able to edit/add/delete records.
How can I do this using Kendo Grid?

Grid

answered on 22 Aug 2014

1 answer

615 views

Scheduler view that only shows "all day" slot

Hello,

I am trying to create a MultiDayView for the scheduler that only shows the "all day" slot. In order to do that I was setting minorTickCount to "0" so the other hour slots were not shown but I'm getting an error when clicking on any of the cells of the scheduler as the slots are not correctly calculated.

Is there a way to hide all the "hours" slots and only show the "All day" slot?

Many thanks in advance for your help.

Scheduler

answered on 22 Aug 2014

1 answer

484 views

Loading indicator color

How can i change the color of the loading indicator in css?
I changed almost all colors, but still the teal color shows when loading.

TIA

Application

answered on 22 Aug 2014

1 answer

189 views

Labels for connections

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

116 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

672 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

225 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

123 views

[Solved] 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

84 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

602 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