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

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>

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


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.

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!

Hi!
I would like to do this custom views for scheduler in vue.js.
How can I proceed ?
Thanks for your help !

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.

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

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?
