Telerik Forums
Kendo UI for Vue Forum
1 answer
382 views

Good Morning,

We are currently testing the Kendo Grid but we have encountered a couple of problems.

The first problem is with the function setOptions to save and retrieve the grid configuration. Because JSON.stringify does not work well with the functions we have reviewed in other post that there are libraries like super-json to be able to store these functions as a string. The problem is that when I recover and make the setOptions I get an error of "Error in v-on handler:" ReferenceError: templateDefinition is not defined ", we have tried both with this library and creating our own function to store functions within the localstorage. Is there an alternative? I use templates to customize the columns, therefore it is necessary to store functions in the "template" key

Our other problem is when grouped by a column appears the identifier in the description of the grouping, Is it possible to establish for example the name of the object associated with that group identifier or another attribute?

Thank you very much and greetings

Veselin Tsvetanov
Telerik team
 answered on 29 Mar 2019
3 answers
208 views

I tried many methods, still I failed to get the working.

 

<kendo-datasource ref="jobtitleData"
                :schema-data="'data'"
                :transport-read-url="jobTitleService">
</kendo-datasource>
<kendo-dropdownlist ref="jobtitleList"
                    :data-source-ref="jobtitleData"
                    :data-text-field="'name'"
                    :data-value-field="'id'">
</kendo-dropdownlist>

<kendo-datasource ref="jobLevelData"
                :schema-data="'data'"
                :serverFiltering='true'
                :transport-read-url="jobLevelService">
</kendo-datasource>
<kendo-dropdownlist ref="jobLevelList"
                    :data-source-ref="'jobLevelData'"
                    :data-text-field="'name'"
                    :data-value-field="'id'"
                    :placeholder="'Select Job Level'"
                    :cascadeFrom="'jobtitleList'"
                    :autoBind='false'>
</kendo-dropdownlist>

Ivan Danchev
Telerik team
 answered on 25 Mar 2019
5 answers
451 views

We want to move all our calls sever side so we got half way there but there are issues.

We have the following code that partially works

<kendo-datasource ref="datasourceSpike"    
:page-size=100   :serverFiltering=true :serverSorting=true :serverPaging=true :serverGrouping=true
  :schema-data="'data.data'" :schema-total="'data.total'" :schema-groups="'data.groups'"
 :transport-read="readData"
></kendo-datasource>

readData(e) {  
     this.$OurApi
       .getList(e.data)
       .then((response) => {
         e.success(response);
       });
   },

 

And server side:  (actually only got this bit to work half way if I change the type of the DataSourceRequest parameter to string and then jsonconvert it.)

public HttpResponseMessage GetListTest([System.Web.Http.ModelBinding.ModelBinder(typeof(WebApiDataSourceRequestModelBinder))]DataSourceRequest dataSourceRequest)
       {
            //  DataSourceRequest request = JsonConvert.DeserializeObject<DataSourceRequest>(dataSourceRequest);
           IRequestService requestService = new ServiceFactory().GetRequestService();
           List<RequestsList> requestsLists = requestService.GetList();          
 
            var dataSourceResult = requestsLists.ToDataSourceResult(dataSourceRequest);
    etc...
            
       }

 

The problem the properties in e.data do not match the properties in DataSourceRequest.

"take":100,"skip":100,"page":2,"pageSize":100   These ones work but the filter, sort, group properties dont have the same names.   Im trying to figure out if I need to use an existing parametermap but still have no luck.  

 

 

 

Georgi
Telerik team
 answered on 20 Mar 2019
3 answers
743 views
Hi,

We are building a vue application and we are also using the scheduler component.
We are having hard time to find a the way to show the loading animation while we are fetching data from our server

We found multiple example online for the jquery lib using kendo.ui.progress(el, true/false) but not sure how to apply this to our vue app.

Thanks in advance for your help
Dimitar
Telerik team
 answered on 19 Mar 2019
7 answers
583 views

How can I make the KendoMaskedTextBox for Vue bind with v-model against the unmasked value?  For example, if my mask is "00000-0000" for a US postal code, and I enter "30157" in the control, it will currently bind "30157-____".  I need it to bind as "30157" (no hyphen, and no underscores).  I could strip out what I don't want on the server, but it seems like that shouldn't be necessary.

 

Nencho
Telerik team
 answered on 19 Mar 2019
3 answers
157 views

 

Hi,

I'm trying to translate the filter menu of the Grid.

the instructions on page:

https://www.telerik.com/kendo-vue-ui/components/grid/api/FilterableProps/

seems clear.

But if I put by example:

 

<kendo-grid ref="grid"  :data-source-ref="'datasource1'" :pageable='true' :sortable="true"  :filterable="true"  :selectable="true"
 :filterable-messages-clear="'Reimposta'"

 

The text of the relative button is always "clear".
Any suggestions?
Thank's in advance!

 

 

Plamen
Telerik team
 answered on 15 Mar 2019
5 answers
466 views

Hi!

I would like to do this custom views for scheduler in vue.js.

How can I proceed ?

Thanks for your help !

Plamen
Telerik team
 answered on 12 Mar 2019
1 answer
454 views

What are you meant to return from a transport-read Function?

I am trying to add an authorization header to a axios call.  Please help.  Please improve the documentation.  Thanks!

 

https://www.telerik.com/kendo-vue-ui/components/datasource/api/datasource/TransportProps/#toc-transport-read

transport-read String | Function

The configuration that is used when the data source loads data items from a remote service.
If the value of transport.read is a function, the data source invokes that function instead of jQuery.ajax.
If the value of transport.read is a string, the data source uses this string as the URL of the remote service.

Ianko
Telerik team
 answered on 11 Mar 2019
1 answer
216 views

When the data is too large for the server to run 'export to excel', is there an alternative to stream the content to a  ?

 

Dimitar
Telerik team
 answered on 11 Mar 2019
1 answer
167 views

I am trying to integrate kendoui with nuxt but i am not able.

I am getting error.

can Kendo ui and especially kendo ui grid a part of a nuxt project in vue.

If not, is it coming any soon.

Thank you?

Plamen
Telerik team
 answered on 08 Mar 2019
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?