kendo vue grid nested objects

[ali]

hi,

I want to show my binding data in kendo grid but I cant this with schema,anybody can help me? i do this:and my data transfer from my controller in "/loadlists"

    <kendo-datasource
      ref="datasource"
      :type="'get'"
      :pageSize="20"
      :transportRead="'/loadlists'"
    ></kendo-datasource>
    <kendo-grid
      :height="550"
      :dataSourceRef="'datasource'"
      :groupable="true"
      :sortable="true"
      :pageable-refresh="true"
      :pageable-page-sizes="true"
      :pageable-button-count="5"
      :filterable="true"
      :columnMenu="true"
      :schema-model-fields="schemaModelFields"
    >
      <kendo-grid-column :field="'VehicleName'" title="  vehicle name">
</kendo-grid-column>
      <kendo-grid-column field="user_id" title="name"></kendo-grid-column>
      <kendo-grid-column field="load_id" title="load"></kendo-grid-column>
      <kendo-grid-column field="load_date" title="laod date"></kendo-grid-
column>
    </kendo-grid>

and my data in vue:

data() {
    return {
      isLoading: false,
      load: {},
      loads: {},
      schemaModelFields: {
        VehicleName: { from: "vehicle.name" }
       }
     };
   },

 

At this I try to bind my data transfer from controller to kendo grid and I cant

[Plamen]

Hi,

It is not quite clear from the code snippet  provided what is not working correctly. In such case I would recommend you to refer to this online demo where a Grid is bound to remote dataSource and compare your case with it.

If you still can't bind that component after that please try to isolate the case to a runnable project and share it with us so we could inspect it and be more helpful with a possible solution

Regards,
Plamen
Progress Telerik