Hello,

we use Kendo UI for Angular 2 grid with command column. There is however a strange behavior our Command column has two two buttons in it (one with directive kendoGridEditCommand and other with kendoGridRemoveCommand) to trigger edit/delete action. that works fine. in additon thtose buttons also have kendoButton directive on them so we can style them easily - set icon and make them baer, so the button in command column in the end looks like this

<button *ngIf="!hideEditButton"kendoGridEditCommand kendoButton [bare]="true" [primary]="true" [icon]="'edit'" title="Edit"></button>

the grid has also selection enabled.

the problem is that clicking on the button also selects/deselects the row, it looks like the click is propagated out of the button to the row and there is no way of overriding this as this is under kendo control.. it even seems that not the whole button has this bug, but only if icon is clicked it is propagated

I implemented two listboxes with drag-drop enabled. The listboxes use a template to displayed their items.

When I drag or move an item with the toolbar to the second listbox, the item is moved but the data is not displayed. My template must be OK because when I load the view the first time, the items are correctly displayed in the listboxes. Also, if I send the binding information, I received the correct information with the dragged items in the second listboxes so it is only a displaying issue that I cant figure out.

You can see the problem in the html in attachment. Try to drag an item to one listbox to another.

Hello Team

I am facing performance issue while using kendo grid in my application in IE browser and it is working fine in chrome.

Application look like hung for fraction of second in IE when we change the data source in kendo grid. I have taken around 50 records(static) and when I switch from tab1 to tab2 it took around 15-20 seconds to display the data. We tried with the example given in kendo/grid documentation as well but same result (i.e. IE (10 and above) is responding very slow while same is working fine with Chrome.

Could you please help us in resolving the same.

Is there a way to add a custom data attribute to a field and give it the value of another field?

Something like this:

$("#treelist").kendoTreeList({
               
                columns: [
                    {
                        field: "Index",
                        attributes: {
                            "data-WorkpaperGuid": data.WorkpaperGuid
                        }
                    },
                    { field: "Name" }
                ],
                dataSource: dataSource
            });

Hi,

I have a JSON data coming from a webapi  from the table which is displayed in the below format

Team                        1             2          3            4         5

Series1                     100     200      300         50       10

Series2                      50        250       300      340      20 

Series3                     40      200       300       400       30

Series4                      30         50        70       80           90

Series5                        20        0          5          0            0

I need to display a column bar chart  in the format attached below

Hi 

I have a kendo hierarchical grid

within the detail grid i have a checkbox column. How do i get the dataitem when the checkbox of detail grid is checked ? 

in the below code I want to fire a click event on the checkbox and get all data using dataItem
please help.

here is my code snippet of detail grid (inner grid)

$('<div />').appendTo(e.detailCell).kendoGrid({

dataSource: {},

schema: {},

columns: [
            {
                template: "<input type='checkbox' class='chkTransferAsstReq' id='chkSelectAssetMove'/>", width: '30px'
            },

other columns 1,

other columns 2,

]

})

Ok, so I have a bit of a quandary...I'm creating a Grid with dynamic columns. Additionally, data for these columns may come in with a variety of names. For instance, the user may want a column that is labeled 'Name', but the underlying data may have any of these keys: 'name', 'label', or 'title'

'name', 'label', 'title' => 'Name'

The data coming into the grid could have a structure something like this:

data = [{'metaData': {'data': [{'theKey': 'label', 'theValue': 'alfred'}]}}, {'metaData': {'data': [{'theKey': 'title', 'theValue': 'jameson'}]}}, {'metaData': {'data': [{'theKey': 'name', 'theValue': 'Renee'}]}}, {'metaData': {'data': [{'theKey': 'label', 'theValue': 'trisha'}]}}]

For this example, the result I would like for a single column 'Name' would be: 'alfred', 'jameson', 'Renee', 'trisha'

I've tried passing local data to a server-bound template. (Please refer to attachment) Unfortunately this seems to result in the template becoming locally bound.

Are there any other solutions? Perhaps I could call 2 datasources for a single column (1 for the column mappings and another for the data), but I'm not sure if this would solve any issues. 

Thank you!

(I'm doing this in a JavaScript/React app, so I don't have direct access to the DOM.)

Hello,

we are using Kendo UI for Angular 2 and we have an issue with grid selection. We are hooked to selectionChange event to keep track of selected item.

When an item is selected in a grid the event fires and we know what was selected/deselected, thats fine. The problem is that when grid is filtered/sorted the underlying items change, but the selection stays. For example  - the first row is selected, then the grid is sorted - in grid still the first row is highlighted, although it now contains completely different item and there is currently no way of knowing what item it is as selectioChange event is not fired. So our selected item is out of sync with UI presentation.

I believe that the selection should be cleared when filtering/sorting or selectionChange event should fire if different item not occupies the spot. But currently there is no way of doing any of those things.

Is it possible to expand disabled nodes. I have the following scenario:

- parent 1 (enabled and selectable)

     + child 1.1 (disabled and not selectable)

           + child 1.1.1 (enabled and selectable)

So I need a treeview where i can select different nodes individually. Right now when i disable a node i cannot access any child nodes.