Reorder problem in kendoTilesLayout

[Christophe]

I have an issue and I need someone to see what I'm doing wrong...

I tried to use several times "reorder". I simplify the test to this :

<!-- container templates -->
  <script id="barcelona" type="text/x-kendo-template">
            A
  </script>

<script id="sofia" type="text/x-kendo-template">
            B
</script>


$("#home-super-container").kendoTileLayout({
                containers: [{
                    colSpan: 1,
                    rowSpan: 1,
                    header: {
                        text: "Barcelona"
                    },
                    bodyTemplate: kendo.template($("#barcelona").html())
                }, {
                    colSpan: 1,
                    rowSpan: 1,
                    header: {
                        text: "Sofia"
                    },
                    bodyTemplate: kendo.template($("#sofia").html())
                }],
                columns: 2,
                columnsWidth: 285,
                rowsHeight: 285,
                reorderable: true,
                reorder: function (e) {
                            console.log(e.newIndex, e.oldIndex);
                }
    });

 

The console.log indicates (0 0), it should be (0 1) or (1 0)...

 

[Mihaela]

Hi Christophe,

Thank you for the code snippet.

The indexes (the new and the previous one) of a certain tile remain the same when it is dragged from its position, but it is not dropped on another one. For example, a tile's index is 0 and it is attempted to be moved on position 2 (index = 1), instead, it is moved back to its initial position (index = 0). In this case, the tile's old index is 0 and the new index is again 0 since its position is not changed.

Also, this happens when the places of the two tiles, are not swapped visually, before the dropping of the tile on its new position. The required steps to reorder the tiles are:

1. Drag the tile to the desired position;
2. The tile is visually outlined over its new position;
3. Drop the tile over the desired position.

Let me know if you have any other queries and I would be happy to assist you.

 

Regards, Mihaela Lukanova Progress Telerik