I have posted a few of my observations in other threads and a support ticket.
I would like to have this thread discuss the kendo pivotgrid wishlist to track the discussions linearly.
We certainly need a few enhancements to kendo pivotgrid.
Filter area - we have only row and column and data area now.
Improved cell info on click - All member is misleading when only some members are chosen in the row/column filter.
Ability to hide All row/column
Non empty members in the row/column/filter filters - currently all dimension members seem to be shown when we open the member list in row/column filters
Title, subtitle, filter/report context textbox, logo and other decorations specified natively in pivotgrid definition - this will improve report format on web and on Excel and PDF export.
Faster pivotgrid - grid performance should be analyzed using a large cube dataset. We have 1 TB cube. I am not sure how kendo pivotgrid will perform on it.
Ability to declare Custom measures not in the data source (cube for eg.)
Support for MDX TopCount - we want to get Top Employees, Top Cost Centers, etc.
Pagination
Custom MDX support - after running custom MDX we should be able to make other modifications.
Custom list of dimensions and attributes in the configurator - we do not want to show all the dimensions and attributes in the cube all the time
See DevExpress pivotgrid for feature set.
Hello,
I was wondering if there is a way to set the default view via MVVM similar to how you set it in jquery init way?
So basically, how you do it via jquery init:
$("#scheduler").kendoScheduler({
views: ["day",{ type: "workWeek", selected: true },"week","month"
});
How would you do this in MVVM?
Hi! I'm using KendoUI Sortable widget with Twitter Bootstrap to create a dynamic dashboard editor "tile" style.
Every tile is a k-block and inside it is rendered a chart, the tiles have variable dimension: width is a fraction of 12 bootstrap columns, height is 400px or 800px. See the attached images to have an idea.
All works fine but in some cases I have empty zones, as you can see in picture 2, when the tile is big it blocks the floating left movement of other smaller tiles. There is no way to sort an object in that empty zone, and of course is a waste of space.
This is the HTML code, I'm using Angular with Kendo also:
<style> .small-panel { height: 400px; } .big-panel { height: 800px; }</style><div class="row" id="canvas" kendo-sortable k-options="ctrl.sortOptions"> <div ng-repeat="dataItem in ctrl.charts" class="k-block col-lg-{{dataItem.col.lg}} col-md-{{dataItem.col.md}} col-sm-{{dataItem.col.sm}}"> <div class="k-header">{{dataItem.name}} col {{ dataItem.col }}</div> <div kendo-chart k-theme="'material'" k-options="{{ dataItem.options }}" class="{{ dataItem.dimension }}-panel"> </div> </div></div>As you can see are just simple divs, there is no list view, repeated with angular directvie ng-repeat
Have you got any idea to find a solution about this problem?
I have a grid within an html table, it is inside a tr and td tag. When the table is resized to about 1425px screen width the table seems to break past the width of its parent div and its parent, and is causing data to be cut off and no horizontal scroll bar to show up. I attached to screenshots. The first "working.png" shows what it should look like and the second "broke.png" shows the html element with the grid breaking outside its parent element. When I remove the grid it seems to work fine so I don't think its anything with my html. Maybe I need to add some css? I haven't been able to fix it. The grid is through asp.net mvc
<tr> <td> <div class="panel panel-default" style="margin-bottom: 0px;"> <div class="panel-heading" style="background-color: #F2F6F9"> <h4 class="panel-title"> <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordionAdditives1" href="#accordion1_Additives1" aria-expanded="true" id="i-toggle4"> <i class="glyphicon glyphicon-minus" style="margin: 0px 7px 0px 0px"></i><b>Additives</b> </a> </h4> </div> <div id="accordion1_Additives1" class="panel-collapse collapse in" aria-expanded="true"> <div class="panel-body"> @{Html.RenderPartial("_AdditivesGrid");} </div> </div> </div> </td></tr>I have a search form which will get a list of records.
I would like to bind the search results on pressing submit after performing some initial checks on the entered data. How do i bind my action result to the Kendo Grid ?
My JS File is
function validateDataForSearch() {
var empNo = $("#empNo").val();
var empName = $("#empName").val();
var empMgr = $("#empMgr").val();
var clientName = $("#ClientName").val();
var noValues = empNo.length + empName.length + empMgr.length + clientName.length;
if (noValues <= 0) {
alert("Please enter at least one value to be able to search.");
}
else {
if (empNo.length <= 0)
empNo = 0;
$.ajax({
type: "POST",
url: 'Home/Search',
data: { empNo: empNo, empName: empName, empMgr: empMgr, clientName: clientName },
success: function (response) {
}
});
}
var validator = $("#searchForm").kendoValidator().data("kendoValidator");
$("#btnSearch").click(function (e) {
if (!validator.validate()) {
e.preventDefault();
}
else
validateDataForSearch();
});
Hi,
I'd like to achieve the following effect for line markers, as attached. I cannot know in advance the colors as they are configured by the user, and there is multiple lines in the chart. It appears that the trick is to create a border of 2 pixels of the marker, the problem is that the color must be "the line color". And while the marker background inherit the line color, there is no way to retrieve the line color and set it as a background.
Is there a workaround? It would be nice to add a specific keyword for color, so that it basically means "the current chart color".
thanks!
Hello guys,
I'm working with latest version of Kendo UI (2015.Q2), Kendo Grid.
From this article I understand how to build aggregated values (summary values in the group's footers). But in my case I need to display this aggregated values in my group headers. For now I build workaround as child grids with same options and columns in the detail template (and make child's headers invisible). Something like the one on the screenshot (attached).
But I was needed to recalculate everything manually and add to parent node. It's not very good option for me.
Moreover now I realize that I will need to create second level of hierarchy (child can have own children). And it will be very complicated logic and code.
By searching I understand that "groups" are perfect solution for me, but group headers have been designed as a single cell, so I cannot use aggregates values inside and build similar structure. Maybe I can try to build header template as a grid with similar columns and do some styling, but it's just another workaround.
Can someone help me with this problem? Any chance to build group header template for each column (not single one)?
Thank you.

Hi
I created following example to illustrate what I am trying to achieve: http://dojo.telerik.com/IRaYU
At the top there is a simple Kendo DateTimePicker to which I have added parseFormats like so:
$("#datetimepicker").kendoDateTimePicker({ format: "dd.MM.yyyy HH:mm", value:new Date(), parseFormats:[ "dd MM yyyy HH mm", "dd MM yyyy HHmm", "dd MM yyyy HH:mm", "dd MM HH mm", "dd MM HHmm", "dd MM HH:mm" ]});So it is possible to type 24 6 14 55 which translates to 24.June.2014 14:55.
I am trying to achieve the same for my custom template for the scheduler (add the same functionality).
The custom template for the scheduler looks like this:
<script id="editor" type="text/x-kendo-template"> <h3>Edit meeting</h3> <p> <label>Title: <input name="title" /></label> </p> <p> <label>Start: <input data-role="datetimepicker" name="start" /></label> </p> <p> <label>End: <input data-role="datetimepicker" name="end" /></label> </p></script>
How can I add the "parseFormats" solution to the custom template?
Many thanks for any help