Hi,

I’m getting some unexpected query parameters passed back to the server when redefining some of the grid’s filter operators.

For example, if I customize the filter operators with the following:

I would then expect one of the query parameters to be the following when using the “Equals” operator.

filter[filters][0][operator]=Equals

However, instead it sends the standard equals operator:

filter[filters][0][operator]=eq

The behaviour is as I’d expect for the other operators. e.g.

filter[filters][0][operator]=StartsWith

I only experience the problem with the equals, greater than and less than operators.

Here is a jsfiddle demonstrating the problem. Of course the filters don’t actually work as the server side code doesn't support the custom operators. You need to look at the requests sent to the server to see the problem.

https://jsfiddle.net/snowman611/6mnzbc1e/3/

Has anyone else had this problem? What am I doing wrong?

Thanks,

Andrew

We are trying to bind the TreeView to an object that has camelCase properties. We have noticed a number of incompatibilities when trying to do this.

For example the property "level" seems to be defined by the dataItem object and if you map to that property it overrides that value, causing an exception in the code.

We have renamed properties to get around this but we seem to have an issue with the id mapping used to retrieve children elements. If the property is camel case the tree fails to call the Web service we have bound to it. If we change it to have the id mapping to be uppercase everything works as expected.

No error is thrown in the console but no children are returned because the TreeView doesn't attempt to contact the web service.

We would like all of our web apis to return JSON in camel case to conform to convention. This limitation is causing us some issues with consistency.

JS Code:
var statuteTreeDataSource: kendo.data.HierarchicalDataSource = new kendo.data.HierarchicalDataSource({
                transport: {
                    read: {
                        url: kendo.format("/api/StatutesTree/")
                    }
                },
                schema: {
                    model: {
                        id: "statuteKey",
                        fields: {
                            "statuteName": {
                                type: "string"
                            },
                            "statuteLevel": {
                                type: "string"
                            }
                        },
                        hasChildren: "statuteHasChildren"
                    }
                }
            });

            this.statuteTreeOptions = {
                dataSource: statuteTreeDataSource,
                dataTextField: "statuteName",
                select: function(e) {
                    this.expand(e.node);
                }
            };


HTML:

<md-sidenav class="md-sidenav-right"
            md-component-id="right"
            md-is-locked-open="$mdMedia('gt-md')"
            md-whiteframe="4"
            layout-fill>
    <div ng-controller="StatuteTreeController as vm">
        <md-toolbar>
            <div class="md-toolbar-tools" layout-align="center center">
                <h1>Statute Tree</h1>
            </div>
        </md-toolbar>
        <md-content class="nav-content" >
            <div kendo-treeview="tree" k-options="vm.statuteTreeOptions" k-on-change="vm.selectedItem = dataItem" ng-click="vm.nodeClick($event)">
                <span k-template="itemTemplate">{{ dataItem.text }}</span>
            </div>
        </md-content>
    </div>
</md-sidenav>


JSON:

[
  {
    "statuteKey": "Code,AG,Agriculture Code",
    "statuteHasChildren": true,
    "expirationDate": "9999-12-31T23:59:59",
    "selected": false,
    "code": "AG",
    "statuteName": "Agriculture Code",
    "children": null,
    "statuteLevel": "Code"
  },
  {
    "statuteKey": "Code,AL,Alcoholic Beverage Code",
    "statuteHasChildren": true,
    "expirationDate": "9999-12-31T23:59:59",
    "selected": false,
    "code": "AL",
    "statuteName": "Alcoholic Beverage Code",
    "children": null,
    "statuteLevel": "Code"
  }
]

Example: http://dojo.telerik.com/AQEWo

 

I am trying to get a sparkline to be consistent in the amount of space that it uses.  The problem can be seen when a sparkline only has two points, it is significantly shorter than the sparkline with many points.

I would expect that the two sparklines be of equal lengths.

Hi there,

I have raised a support ticket about this, but am posting in the forum in case it helps other users, or they have any solutions...

--

We were hoping to use the new frozen columns in the 2014 Q1 version of the grid, but with about 10 minutes of testing using the Telerik DEMO site I managed to break the rendering.

Try either of the following:

- Multi line template in a cell
- Aggregate footer template

If you apply either of these then the rendering goes totally wrong, and this unfortunately makes this unusable for us.

If you want, you can use this HTML in the DOJO to see the problem:


<!DOCTYPE html>
<html>
<head>
    <base href="http://demos.telerik.com/kendo-ui/web/grid/frozen-columns.html">
    <style>html { font-size: 12px; font-family: Arial, Helvetica, sans-serif; }</style>
    <title></title>
    <link href="http://cdn.kendostatic.com/2014.1.318/styles/kendo.common.min.css" rel="stylesheet" />
    <link href="http://cdn.kendostatic.com/2014.1.318/styles/kendo.default.min.css" rel="stylesheet" />
    <script src="http://cdn.kendostatic.com/2014.1.318/js/jquery.min.js"></script>
    <script src="http://cdn.kendostatic.com/2014.1.318/js/kendo.all.min.js"></script>
</head>
<body>
    <div id="example" class="k-content">
    <div id="grid"></div>

    <script>
        $(document).ready(function() {
            $("#grid").kendoGrid({
                dataSource: {
                    type: "odata",
                    transport: {
                        read: "http://demos.telerik.com/kendo-ui/service/Northwind.svc/Orders"
                    },
                    schema: {
                        model: {
                            fields: {
                                OrderID: { type: "number" },
                                ShipCountry: { type: "string" },
                                ShipName: { type: "string" },
                                ShipCity: { type: "string" },
                                ShipAddress: { type: "string" }
                            }
                        }
                    },
                  aggregate: [{ field: "ShipCountry", aggregate: "count" }],
                    pageSize: 30
                },
                height: 430,
                sortable: true,
                reorderable: true,
                groupable: true,
                resizable: true,
                filterable: true,
                columnMenu: true,
                pageable: true,
                columns: [ {
                        field: "OrderID",
                        title: "Order ID",
                        locked: true,
                        lockable: false,
                        width: 120
                    }, {
                        field: "ShipCountry",
                        title: "Ship Country",
                      template: " I AM BIG <br />NEW LINE",
                      aggregates: ["count"],
                      groupFooterTemplate: "#= count # orders",
                                footerTemplate: "#= count # orders",
                        width: 200
                    }, {
                        field: "ShipCity",
                        title: "Ship City",
                        width: 160
                    },{
                        field: "ShipName",
                        title: "Ship Name",
                      
                        locked: true,
                        width: 200
                    },  {
                        field: "ShipAddress",
                        lockable: false,
                        width: 300
                    }
                ]
            });
        });
        </script>
</div>


</body>
</html>

Hi

I have a scheduler which is set up with views of timelineMonth and timelineWeek. There are three resources, which represent three different locations. All items are full-day only (isAllDay=true).

Many users have access to the scheduler and can place a reservation in a location for a certain number of days. However, I have a business rule which demands that users can only edit and drag-n-drop reservations that they made themselves. They are not allowed to manipulate reservations made by other users.

Each reservation knows its owner through the fields in the schema. There is also a server-side session variable that identifies the owner. So I think I have all the ammunition I need.

How do I a) disable editing in the scheduler and b) disable editing conditionally based on the the user.

Hi

I have a scheduler which is set up with views of timelineMonth and timelineWeek. There are three resources, which represent three different locations. All items are full-day only (isAllDay=true).

Many users have access to the scheduler and can place a reservation in a location for a certain number of days. However, I have a business rule which demands that no two reservations in the same location can be on the same day.

What do I need to do to prevent users placing a new reservation on a location that overlaps with one that's already there?

When clicking on a grid column header which is sortable, the first click will sort asc, then the second click on the header will sort desc and a third click will cancel the sort

is there any way to reverse this order so the first click will sort desc, second click asc and last click no sort?

Hi

Is there any progress with supporting 24:00 time? (as described in this post http://www.telerik.com/forums/timepicker-does-not-conform-to-is0-8601-3-5-2-on-time-of-day-midnight-representations)

I have an application where I'm gathering customer data via Kendo UI spreadsheet with DataSource. One of the fields is a DateOfBirth which I need to capture in en_GB format: dd/mm/yyyy. Please see this JsFiddle as an example: https://jsfiddle.net/s4c87msq/3/

Following are the issues:

1. If you enter text "01/03/1999" into any column - text or number or date, it gets parsed as en_US date (so the content of the cell changes to "03/01/1999"). How do I stop a texrt field being parsed as a date?

2. I'm having to set the DataSource schema DateOfBirth field type to "string" because if it is set to "Date" I get an error when kendo tried to parse it on change: TypeError: e.indexOf is not a function

Can you please refer to the JsFiddle and let me know how do I get the correct date from Spreadsheet in the dataSource?

Many thanks.

I have the pivot grid hooked up to an OData data source.

I notice that the pivot grid is making requests such as

Are the URL parameters that it's using and the required return data format documented anywhere?