This is a migrated thread and some comments may be shown as answers.

bind dropdown in grid cell template using store

1 Answer 244 Views
This is a migrated thread and some comments may be shown as answers.
Top achievements
Rank 1
Kamlesh asked on 01 May 2019, 03:09 PM


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);
    template: `<td>
                <cvc-autocomplete v-model="dataItem.category"
                                  v-bind:name="assignFieldName(field, dataItem)"
                                  data-vv-as="Purchase Category">
export default cellPurchaseCategoryTemplate;

1 Answer, 1 is accepted

Sort by
Telerik team
answered on 03 May 2019, 07:45 AM
Hi Kamlesh,

With the Vue wrappers the templates are compiled runtime and the state management is not tiredly accessible. Typically, you should be able to achieve that by referencing the parent component. Like mentioned in the third point in this article:

As Grid is involved, I can suggest you to take a look at the native Grid got Vue. It uses native custom renderers that would be much more helpful for this case:

Progress Telerik
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Asked by
Top achievements
Rank 1
Answers by
Telerik team
Share this question