Telerik Forums
Kendo UI for Vue Forum
1 answer
86 views

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

Plamen
Telerik team
 answered on 29 Apr 2019
8 answers
635 views

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

Plamen
Telerik team
 answered on 26 Apr 2019
2 answers
307 views

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,

hieu
Top achievements
Rank 1
 answered on 25 Apr 2019
1 answer
330 views

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".

Plamen
Telerik team
 answered on 24 Apr 2019
6 answers
176 views

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!

 

 

Plamen
Telerik team
 answered on 23 Apr 2019
2 answers
338 views

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.

Maximiliano
Top achievements
Rank 1
Veteran
 answered on 17 Apr 2019
1 answer
341 views

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. 

 

Dimitar
Telerik team
 answered on 11 Apr 2019
1 answer
457 views

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!

Maximiliano
Top achievements
Rank 1
Veteran
 answered on 06 Apr 2019
1 answer
572 views

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/

 

 

Veselin Tsvetanov
Telerik team
 answered on 05 Apr 2019
1 answer
686 views

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 ;-)

Veselin Tsvetanov
Telerik team
 answered on 04 Apr 2019
Narrow your results
Selected tags
Tags
Grid
General Discussions
DropDownList
DatePicker
Editor
Grid wrapper
Scheduler
DropDownTree wrapper
Spreadsheet wrapper
Input
MultiSelect
Calendar
NumericTextBox
DateInput
DateTimePicker
Editor wrapper
DataSource wrappers (package)
Scheduler wrapper
Styling / Themes
Chart wrappers (package)
Gantt wrapper
Localization
Chart
Checkbox
ComboBox
Window
Pager
Error
Upload
DropDownList wrapper
Popup
Form
Tooltip
TreeView
Dialog
MultiSelect wrapper
NumericTextBox wrapper
Slider
Toolbar wrapper
Upload wrapper
Validator wrapper
ColorPicker
Accessibility
AutoComplete
AutoComplete wrapper
Button wrapper
ComboBox wrapper
ContextMenu wrapper
Licensing
ListBox wrapper
ListView wrapper
Map wrapper
MaskedTextBox
Menu wrapper
MultiColumnComboBox wrapper
Splitter wrapper
TabStrip wrapper
TimePicker
TreeView wrapper
TabStrip
Card
RadioButton
FloatingLabel
TextArea
Drawer
Stepper
DateRangePicker
Gauge
Splitter
PanelBar
Notification
RangeSlider
Menu
TreeList
Toolbar
Button
ListView
FontIcon
SVGIcon
Animation
Barcode wrapper
ButtonGroup wrapper
Chat wrapper
ColorPicker wrapper
DateInput wrappers (package)
Diagram wrapper
Dialog wrapper
Gauges wrappers (package)
MaskedTextBox wrapper
MediaPlayer wrapper
Notification wrapper
Pager wrapper
PanelBar wrapper
PivotGrid wrapper
QRCode wrapper
RangeSlider wrapper
ScrollView wrapper
Security
Slider wrapper
Switch wrapper
Tooltip wrapper
TreeList wrapper
TreeMap wrapper
Window wrapper
Avatar
StockChart
Sparkline
RadioGroup
Hint
Loader
ProgressBar
Switch
Wizard
Skeleton
ScrollView
ColorGradient
ColorPalette
FlatColorPicker
ButtonGroup
TileLayout
ListBox
ExpansionPanel
BottomNavigation
AppBar
Signature
ChunkProgressBar
VS Code Extension
+? more
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?