Hi,
I am wondering why it is not possible to prevent certain columns from being sortable. My grid is defined as sortable and as far as I understood the documentation I can specify a sortable-flag for each column separately. I prepared a small example where I want to exclude the product name column from sorting but you can still click on the column header and the sortchange handler is triggered. See the console output. Styling is interestingly not applied, i.e. the arrow does not appear there.
Thanks,
Christoph
https://stackblitz.com/edit/2ae8ye-urex5c
I'm using the Kendo for Vue native grid and I'm trying to make an asynchronous API call inside of my cell render function. I'm sure there has to be a way around this, but I just can't seem to find an answer. You can see the example at the Stackblitz link below. The cell using a render function never gets rendered in this example. However, if you remove the setTimeout it works as expected.
https://stackblitz.com/edit/kendoui-nativegrid-cellrender-async
Thanks,
Ferg
I want to create a diagram sample app in Vue like https://demos.telerik.com/kendo-ui/html5-diagram-sample-app, but I do not find any sample about drag and drop the item between controls
Thanks,
I can't find anything in the docs about how to hide or show columns. I am using the width of the column but I would like to use property "hidden".
Hello,
I am trying the Kendo Grid Vue (native) and trying to see if it covers our needs. So far I really enjoyed how usable it is, however, could not figure out how to use a rowTemplate for the native grid.
Alternatively, I could use a row double-click event or find a way to add a clickable button with a link on the row.
I would appreciate any help or alternative solutions on this.
Thank you!
i'm using kendovue for an application that i'm creating, the thing is that i must send the bearer token on each request. but i'm unable to pass it to the server as the function assigned to the beforesend event has the context of the request and not the vue component.
dataSource:
new
kendo.data.DataSource({
page: 1,
pageSize: 20,
serverPaging:
true
,
transport: {
read: {
url:
"/api/users/list"
,
dataType:
"json"
,
beforeSend:
function
(req) {
req.setRequestHeader(
'Authorization'
,
'bearer '
+
this
.$auth.token());
}
}
},
schema: {
total:
function
(data) {
return
data.Data.Total;
},
data:
function
(data) {
let d = data.Items;
return
d;
}
}
}),
can someone point me on the right direction?
regards.
I am experimenting with integrating the Kendo UI for VUE components into our application to see if we can use this library within our company.
As a test I used the NumericTextBox input. This works fine until I change to another culture, nl-BE in my case. This culture uses a comma as the decimal separator instead of a dot.
When I focus the field and enter a number with 2 decimals (e.g. 100,25), then the decimal numbers are removed when I move focus out of the input. Seems like the formatting logic is dropping them. If I try a second them it will accept them, but behaviour is miss and fire. It might go wrong on another attempt.
I forked the NumericTextBox input demo to demonstrate the issue:
https://stackblitz.com/edit/6r5ytn
If I manually modify the numberFormat settings in the kendo.culture.nl-BE.js file and set to the English version it works fine.
Tested on Chrome, FireFox and Safari.
Hi,
i'm using a kendo-datasource-wrapper with a grid wrapped as well.
the thing is that from the server i'm getting this by design
{
result:
true
/
false
,
data: [],
// Array with the data for the grid
message:
''
// this one is in case of an exception this will show the message in the UI
}
the thing is that i don't know how to parse that data to show it in the grid is there any way?
Thanks.
Regards!
I am currently trying out Kendo as a proof-of-concept for a component library solution; however, I am having trouble getting any sort of styling to work.
Using an import statement in my App.vue file and/or including the theme stylesheet in my HTML file seems to cause some strange issues.
It seems that the default themes for the grid(not sure where they are coming from) are overriding the themes that come from Kendo. An example of this is below. The <th> element being created by the Vue Grid tag is shown below:
<th colspan="1" rowspan="1" class="k-header" style="position: sticky; left: 0px; right: 0px; z-index: 1; background: rgb(246, 246, 246);"></th>
Is there any way I can ensure that styles are not put on the HTML elements by default? I am not adding these styles to the elements anywhere in my code, so I am not sure how to get rid of them or how to have the kendo theme override them.
The theme that I am trying to use was created using the vue-ui theme builder. I know that the theme is being used by the application because the grid has some of the theme styling, but some portions of it are being overridden.
The example that I followed to create my grid is below:
https://www.telerik.com/kendo-vue-ui/components/grid-native/custom-rendering/hierarchy/
Hi,
I'm looking for the best way to display a tooltip when hovering over the value of a cell (very useful for custom commands).
I have already defined a template for the line and it works:
<
script
id
=
"rowTemplate"
type
=
"text/x-kendo-tmpl"
>
<
tr
class
=
"k-master-row"
data-uid
=
"#: uid #"
role
=
"row"
>
<
td
role
=
"gridcell"
> #: OrderID # </
td
>
<
td
role
=
"gridcell"
> #: ShipName #</
td
>
<
td
role
=
"gridcell"
> #: Freight #</
td
>
<
td
role
=
"gridcell"
> #: OrderDate #</
td
><
br
>
</
tr
>
</
script
>
What is the best way to show a TootlTip for example hover "OrderID " value ?
Thanks in advance ;-)