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!
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
.....
}
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?
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?
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);
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.
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.
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