getting error when trying to edit cell

[dewan]

I am getting the error when try to edit the cell how do i set the field as numbers
[Vue warn]: Invalid prop: type check failed for prop "value". Expected String with value "13.6759647", got Number with value 13.6759647.

[jarry]

Please show an example or some code snippets to demonstrate your issue.

[dewan]

thanks here is the code

<div class="col col-sm-10" v-if="show_grid">
                    <DataGrid :data="locations"
                              :pagination="true"
                              :total="total"
                              :pageSize="pageSize"
                              :pagePosition="pagePosition"
                              :clickToEdit="true"
                              selectionMode="cell"
                              editMode="row"
                              @editEnd="onEditEnd($event)"

                    >
                        <GridColumn field="zone" title="Zone" :editable="true" />
                        <GridColumn field="latitude" title="Latitude" :editable="true"/>
                        <GridColumn field="longitude" title="Longitude" :editable="true"/>
                        <GridColumn field="version" title="Version" :editable="true"/>
                    </DataGrid>
                    <Panel :bodyStyle="{padding:'20px'}">
                        <template slot="footer">
                            <Pagination :total="total" :pageSize="pageSize" :pageNumber="pageNumber"
                                        @pageChange="onPageChange($event)"></Pagination>
                        </template>
                    </Panel>
                </div>

FUNCTION:

onEditEnd(event) {
                console.log(event);
                let id = event.row.id;
                this.zone = event.row.zone;
                this.latitude = event.row.latitude;
                this.longitude = event.row.longitude;
                this.version = event.row.version;

                swal({
                    title: "Edited ended",
                    text: "done " + this.zone,
                    icon: "error",
                    button: "OK!",
                });
            },

When i try to edit the cell it has error in console
Invalid prop: type check failed for prop "value". Expected String with value "98.9968994", got Number with value 98.9968994.

[stworthy]

Please use the NumberBox editor for your 'latitude' and 'longitude' fields.

Code:

<GridColumn field="latitude" title="Latitude" :editable="true" >
<template slot="edit" slot-scope="scope">
<NumberBox v-model="scope.row.latitude" :precision="2"></NumberBox>
</template>
</GridColumn>
<GridColumn field="longitude" title="Longitude" :editable="true" >
<template slot="edit" slot-scope="scope">
<NumberBox v-model="scope.row.longitude" :precision="2"></NumberBox>
</template>
</GridColumn>

[dewan]

thank you worked great

[dewan]

is there a option to enable edit on double click instead on single click.
Thank you