Telerik Forums
Kendo UI for Vue Forum
1 answer
155 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
142 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
273 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
96 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
570 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
231 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
123 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
3 answers
226 views

Howdy Folks,

 

anyone had any joy using a Vue single file component as a kendo template in Vue 3? 

I had previously done this using the instructions here (https://www.telerik.com/kendo-vue-ui/components/framework/vue-templates/#toc-using-single-file-components) for Vue 2, but they haven't been updated to Vue 3 yet and seems that Vue.component is no longer a thing?

EF.

Petar
Telerik team
 answered on 29 Jan 2021
3 answers
543 views

Hi,
I am having two grid's in my page and I want to scroll to a particular row when the page gets loaded.

Each rows are having unique years and I want to scroll to the current year row once the page is loaded, with the class selector and the year value inside <td> i can identify the row into which I have to scroll.

I have done the similar functionality in another project but there we are using kendo UI for jquery version and https://docs.telerik.com/kendo-ui/knowledge-base/grid-scroll-selected-row link I had followed to achieve the same. As my current requirement is for Kendo UI Grid for Vue , I am looking forward to the correct solution or an approach for achieving the same..

Thank you for your help in advance.
Best regards
Jaydeep

Petar
Telerik team
 answered on 19 Jan 2021
3 answers
199 views
Hello, 

the current behaviour of Kendo Scheduler stands like this - you have to double-click to create / view / edit an event.

I'm looking for solution like here: https://dojo.telerik.com/IPOsutAD but for Vue. 

Any help would be appreciated

Axel
Petar
Telerik team
 answered on 19 Jan 2021
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
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
Jay
Top achievements
Rank 3
Iron
Iron
Iron
yw
Top achievements
Rank 2
Iron
Iron
Stefan
Top achievements
Rank 2
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jay
Top achievements
Rank 3
Iron
Iron
Iron
yw
Top achievements
Rank 2
Iron
Iron
Stefan
Top achievements
Rank 2
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?