Hi,

That's it, i need to get the selected date as a date object, is there any way besides manually parsing the string?

Thanks...

I'm trying to configure a DataGrid with various custom editing functionality and have some issues/questions related to the attached vue file:

1.  I have various columns that are editable by combobox/drop down.  I would like the name/description to show in the grid but only the underlying id value be pushed to the server.  The bit I can't get working is getting the name/description to show.  I'm guessing it's something to do with the :template attribute but I don't know what I should put here?

2.  For the date column I'd like to display using the local date/time display settings but when I would like the date pushed to the server to be in  some standard format like ISO 8601.  Is this possible?

3.  For the multi-column comboboxes, it is possible for the user to put any value that they want in.  Is there a multi-column dropdownlist type option that prevents invalid values being entered or some way to achieve this behaviour?

Hi,

i'm using the grid with paging/sorting/grouping/etc, all with the magical WebApiDataSourceRequestModelBinder and the ToDataSourceResult...

the thing is, that sometimes if the user is  filtering too much information the url is not enough, so i was wondering if all that data could be send through a POST instead a GET...

i've tried configuring the datasource as POST, but i can't get the DataSourceRequest filled with the passing data...

any hint on this?

regards.

Is it possible to show the grid vertically as the example:

And show it as:

Using kendo UI for VueJs.

In kendo wrapper grid, I am using pagination and  each page contain 10 rows. And also use checkbox to select any row.

If user select some rows on first page and move to another page then selected rows of that page get clear, when navigate to another page.

Expected - user can select some rows of current page and move to any other page and select the some rows on another page.

When user move to any page, selection rows should not get clear. All selected rows persists when user back to current page.

Using the kendo vue grid wrapper how can I add a css class to a kendo-grid-column ?

Hi

I want to bind a dropdown list in a grid using cell template.

While using state in a cell template I am getting error store state is undefined.

Cell template is something like below.

const cellPurchaseCategoryTemplate = Vue.extend({
    props: {
        field: String,
        dataItem: Object,
        format: String,
        className: String,
        columnIndex: Number,
        columnsCount: Number,
        rowType: String,
        level: Number,
        expanded: Boolean,
        editor: String
    },
    computed: {
        purchaseCategoryList(): Array<CategoryChildCodeData> {
            if (this.purchaseCategories) {
                return Utility.cloneObject(this.purchaseCategories);
            }
        },
        ...invoiceApprovalStoreHelpers.mapState(["purchaseCategories"])
    },
    template: `<td>
                <cvc-autocomplete v-model="dataItem.category"
                                  v-bind:data-source="purchaseCategoryList"
                                  v-bind:name="assignFieldName(field, dataItem)"
                                  v-validate="'required'"                        
                                  data-vv-as="Purchase Category">
                </cvc-autocomplete>
            </td>`
});
export default cellPurchaseCategoryTemplate;

Hi,

I am wondering why it is not possible to prevent certain columns from being sortable. My grid is defined as sortable and as far as I understood the documentation I can specify a sortable-flag for each column separately. I prepared a small example where I want to exclude the product name column from sorting but you can still click on the column header and the sortchange handler is triggered. See the console output. Styling is interestingly not applied, i.e. the arrow does not appear there.

Thanks,

Christoph

https://stackblitz.com/edit/2ae8ye-urex5c

I'm using the Kendo for Vue native grid and I'm trying to make an asynchronous API call inside of my cell render function. I'm sure there has to be a way around this, but I just can't seem to find an answer. You can see the example at the Stackblitz link below. The cell using a render function never gets rendered in this example. However, if you remove the setTimeout it works as expected.

https://stackblitz.com/edit/kendoui-nativegrid-cellrender-async

Thanks,

Ferg