Telerik Forums
Kendo UI for Vue Forum
7 answers
153 views

I have a simple gantt linked to local datasource (there is no backend api), when adding a task I want to handle the onAdd event and mutate the local datasource.

It seems to work ok except that the id of the new task in onAdd is set to 0 (console.log(e.task) in on Add) - am I supposed to set this id value manually?

Petar
Telerik team
 answered on 17 Mar 2021
3 answers
347 views

We are trying to use native grid component and following the official demo documentation along with StackBlitz example.

In StackBlitz, it's throwing an Maximum call stack size exceeded. Please find the attachment.

Link: https://fmdsao--run.stackblitz.io/

Can anyone help us to resolve this issue as grid is our primary component to leverage.

 

 

Petar
Telerik team
 answered on 17 Mar 2021
3 answers
123 views

There is a way to block appointments in hours.

Example in the image

Petar
Telerik team
 answered on 15 Mar 2021
1 answer
156 views

Hi, we have a multilanguage application and we need to change the Kendo UI for Vue language dynamically.

Currently, we were doing it like this and it worked:

 

var that = this;
      var selectedLang = this.$refs.dl.kendoWidget().value();
      $.getScript("https://kendo.cdn.telerik.com/2018.3.1017/js/messages/kendo.messages." + selectedLang + ".min.js", function() {
        var lb = that.$refs.lb.kendoWidget();
        lb.setOptions({
          messages: kendo.ui.ListBox.fn.options.messages
        });
      });

 

But we need the script to grab it locally for possible own modifications. I am trying this way :

var that = this;
            var script = document.createElement('script');
           
            script.src = "../../../../storage/kendo-grid/messages/kendo.messages." +selectedLang+ ".min.js";
            if(document.head){
                document.head.appendChild(script);
                var lb = that.$refs[ref].kendoWidget();
                lb.setOptions({
                    messages: kendo.ui.ListBox.fn.options.messages
                });
            }

 

But it gives me a javascript error when pointing to the script ('Module is not defined').

Could you guide me a bit? Thanks!









Petar
Telerik team
 answered on 12 Mar 2021
2 answers
147 views

I have the code below as per the docs, all is fine except the parameter map function never gets called (for any operation, read or create etc.)

 

    <ganttdatasource ref="ganttdatasource1"
        :transport-read="gRead    
        :transport-parameter-map="parameterMap"
        ......
    </ganttdatasource>

    <gantt
        data-source-ref="ganttdatasource1"
......
    ></gantt>

    methods: {
        parameterMap: function(options, operation) {
            console.log("parameterMap!", options)       //Never see this
            .....
        }

Al
Top achievements
Rank 1
Iron
Iron
Iron
 answered on 10 Mar 2021
1 answer
279 views

Hello there!

Many examples show how to export data from the grid, specifically using the saveExcel method, using local data.  How do you do it using a remote DataScource?

Petar
Telerik team
 answered on 05 Mar 2021
1 answer
98 views

When tabbing into an input element that has a value, the entire value is selected. However, when tabbing into a NumericTextBox that has a value in it, the value is not selected and the cursor is placed in front of the value.

Go to https://stackblitz.com/edit/geamde?file=src/main.vue and enter values for all 3 fields, click the first field, then tab to the second and third field to see an example. This is an example from the NumericTextBox documentation.

How can I make the behavior of NumericTextBox consistent with the other input fields?

 

Petar
Telerik team
 answered on 26 Feb 2021
1 answer
580 views
Is there any way to conditionnally apply a background color on an entire row without having to render every cell as custom?
Petar
Telerik team
 answered on 15 Feb 2021
2 answers
239 views

Is this possible?

I took a chance and ran through the regular installation process here:

https://www.telerik.com/kendo-vue-ui/components/gantt/#toc-initializing-with-webpack

but I get error 'window is not defined' in kendo.core.js for this line: 

    ....

    })(jQuery, window);

    

 

 

Petar
Telerik team
 answered on 10 Feb 2021
2 answers
128 views

Hi Folks, 

I have been trying to get the upload component working correctly in Vue 3.

I have noticed that when sending the post body it seems to be going without any file content in the post body.  see attached.  I would have expected the post body to be set.

Stack blitz link is here: 

https://stackblitz.com/edit/vue-zqxlxq

Same code works as expected in Vue 2.  Have I missed something?

EF.

Petar
Telerik team
 answered on 03 Feb 2021
Narrow your results
Selected tags
Tags
Grid
General Discussions
DropDownList
DatePicker
Editor
Grid wrapper
Scheduler
DropDownTree wrapper
Spreadsheet wrapper
Calendar
Input
MultiSelect
NumericTextBox
DateInput
DateTimePicker
Editor wrapper
Styling / Themes
DataSource wrappers (package)
Scheduler wrapper
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
Button
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
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
SpeechToTextButton
+? more
Top users last month
Rob
Top achievements
Rank 3
Bronze
Iron
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Bronze
Iron
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?