I recently ran into a situation where an update method I wrote stopped working.  The method uses jQuery to open a grid row, target 4 separate fields and change their values to new ones that have come in from an API call.

When I dug in, I discovered that the attribute my method uses to navigate to each field in the row, data-field="myFieldName", was completely missing.  Thus the jQuery was finding nothing and no updates were happening.

The field is in all my other grids so I looked to see what I had done differently in this grid to make that disappear.  Turns out a couple things: One was I added "editable" and "navigatable" as options to the grid, because I'm allowing in-cell editing.  The other was I set "scrollable" to true (I typically set it to { virtual:true }).

As soon as I did this the "data-field" attribute stops being rendered in the columns.  With "editable" and "navigatable" what I get instead is an attribute "aria-describedby=" with a cell-specific GUID.  The "scrollable" property seems to just eliminate the data-field but has no other weird effects.

I need in-cell editing but I also need to have each field position identified.  Is there a way I can force "data-field" to show up?  Alternatively I could add a new "data-customAttribute" type of attr on there, but how do I accomplish that?  Worst case I can add an identifier into the actual template for the column, which is just some simple HTML. 

I'd prefer to do it with "data-field" since that would allow me to implement one consistent method for editing values whether a grid is marked as editable or not.

I am trying to figure out how to replace the points (open circle dots) on a line chart with just a smooth line. I have been looking through the chart API and thought the solution would be the plot area border dash type. However, this doesn't appear to do anything. I am either implementing it incorrectly or it is not the correct solution. A third possibility is that it is buggy and does not work. I am using Vue with typescript. Below is my attempted implementation:

<kendo-chart :data-source="chartData"
             :series="series"
             :pannable-lock="'y'"
             :zoomable-mousewheel-lock="'y'"
             :zoomable-selection-lock="'y'"
             :category-axis="categoryAxis"
             :theme="'sass'"
             :category-axis-title-text="'Time'"
             :value-axis-title-text="'Attribute'"
             :tooltip="tooltip"
             :plot-area="plotArea">
</kendo-chart>

plotArea: any = {
    border: {dashType: 'solid'}
};

This works

<kendo-grid :data-source="localDataSource" :columns="columnsTest[1]"></kendo-grid>

Vue:

columnsTest: [

    [{

'field': id
'title: 'ID'

    }],

[{
'field': id
'title: 'ID'
    }]

]

This does not work
<kendo-grid :data-source="localDataSource" :columns="columns"></kendo-grid>

Vue:
columns: [
    {
'field': id
'title: 'ID'
    },

   {
'field': product
'title: 'Product'
    }
]

I just check if the object has a title and copy the objects from the  array to a new array, columns.

but the title is not shown, just the table name as if a never used   on the grid.

Any tips? The reason for this is to only show columns that have a title from the backend.

I am trying to figure out how to replace the points (open circle dots) on a line chart with just a smooth line. I have been looking through the chart API and thought the solution would be the plot area border dash type. However, this doesn't appear to do anything. I am either implementing it incorrectly or it is not the correct solution. A third possibility is that it is buggy and does not work. I am using Vue with typescript. Below is my attempted implementation:

<kendo-chart :data-source="chartData"
             :series="series"
             :pannable-lock="'y'"
             :zoomable-mousewheel-lock="'y'"
             :zoomable-selection-lock="'y'"
             :category-axis="categoryAxis"
             :theme="'sass'"
             :category-axis-title-text="'Time'"
             :value-axis-title-text="'Attribute'"
             :tooltip="tooltip"
             :plot-area="plotArea">
</kendo-chart>

plotArea: any = {
    border: {dashType: 'solid'}
};

Dear Telerik Admin,

I am using the Kendo Upload component to send a file to my server and in certain cases, it responds with null.

This causes the upload component to throw the following error:

   "Uncaught TypeError: Cannot read property 'fileUid' of null
    at parseSuccess (webpack:///./node_modules/@progress/kendo-ui/js/kendo.upload.js?:2105)
    at tryParseJSON (webpack:///./node_modules/@progress/kendo-ui/js/kendo.upload.js?:2450)
    at formDataUploadModule.onRequestSuccess (webpack:///./node_modules/@progress/kendo-ui/js/kendo.upload.js?:2131)
    at XMLHttpRequest.eval (webpack:///./node_modules/@progress/kendo-ui/js/kendo.upload.js?:2037)"

Could you please let me know when this is fixed? 

Kind regards,

Natasha

Hi,

When we use scheduler resource grouping with <kendo-scheduler-resource> and double click on an empty time slot or existing appointment it will scrollup the scheduler and lost the previous location where it was. This issue is replicating in the official demo as well inisde below url

"https://www.telerik.com/kendo-vue-ui/components/scheduler/resources/grouping/"

My testing environment is Chrome 80 and Firefox 72.

Thanks!

Hello everyone!

I am trying to implement a search field component based on kendo-combobox wrapper.

I want to cover via JEST unit tests the changed value but I can not trigger the change event and assert the component value.

I am sharing with you guys this code example : https://codesandbox.io/s/tender-proskuriakova-89bcm?fontsize=14&hidenavigation=1&theme=dark

Can you help me on this assertion : expect(wrapper.vm.$data.value).toEqual(1);

hi,

When we use an event template along with a scheduler and when we double click to edit the event first time it shows the correct appointment. but when close it and we double click the same appointment it shows a wrong appointment in the edit modal.

it replicates in the official docs as well which is here- https://www.telerik.com/kendo-vue-ui/components/scheduler/templates/

Hi

I want to show the average line for each group on the bar chart.

For example, I want to display like an attached file.

I am developing using VUE.js. please answer about my question.

Hi,

Trying to implement grid (native) filtering. It has a date time column. Filtering seems to not work for this column.

https://stackblitz.com/edit/gqlmpp